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


/**
* Add Drop Shadow & Border to the Thumbnail Gallery
***************************************************/
.sm-user-ui .sm-gallery-thumbnail .sm-tile {
	border: 2px solid red;
	box-shadow: 5px 5px 5px #151515;
}	
	
	.sm-user-ui .sm-gallery-thumbnail .sm-tile:hover {border-color: blue;}
/* Add Drop Shadow & Border to the Thumbnail Gallery End  */

Powered by SmugMug Owner Log In