Add Drop Shadow & Border to the Thumbnail Gallery - Mike Matenkosky

Add Drop Shadow & Border to the Thumbnail Gallery

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

CSS


.sm-user-ui .sm-gallery-thumbnail .sm-tile {
	border: 2px solid red;
	-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: #blue;
	}

Powered by SmugMug Log In