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

Add Drop Shadow & Border to the Collage Landscape 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


/** 
* Adds Border and Drop Shadow on Collage Landscape Gallery
***********************************************************/
.sm-user-ui .sm-gallery-roworganic {
	margin: 0 0 12px;
	}
	
.sm-user-ui .sm-gallery-roworganic .sm-tile-content {
	border: 2px solid #f00;
	-webkit-box-shadow: 5px 5px 5px #151515;
	   -moz-box-shadow: 5px 5px 5px #151515;
			box-shadow: 5px 5px 5px #151515;
	max-width: 97%;		
	}
	
	.sm-user-ui .sm-gallery-roworganic .sm-tile-content:hover {
		border-color: #fff;
		}

Powered by SmugMug Log In