Add Drop Shadow & Border to the Thumbnail Gallery - Fine Art Prints for Sale

Add Drop Shadow & Border to the Thumbnail Gallery

This adds a red 2px border around the thumbnails, a drop shadow and a white border when hovered. Add this to your theme’s CSS or add a CSS block on your ‘All Galleries’ section.

You can view a live demo here.

CSS


.sm-user-ui .sm-gallery-thumbnail .sm-tile {
	border: 2px solid #f00;
	-webkit-box-shadow: 5px 5px 5px #151515;
	   -moz-box-shadow: 5px 5px 5px #151515;
		box-shadow: 5px 5px 5px #151515;
	}	
	
.sm-user-ui .sm-gallery-thumbnail .sm-tile:hover {
	border-color: #fff;
	}

Powered by SmugMug Log In