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.


.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; }

Powered by SmugMug Owner Log In