Add Border, "Mat" and Drop Shadow Border to the Journal Gallery - Fine Art Prints for Sale

Add Border, "Mat" and Drop Shadow Border to the Journal Gallery

This adds a red 5px border around the images, a 25px gray “mat” and a drop shadow. When you hover over the image the border changes to white. 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 Journal Gallery
**************************************************/
.sm-user-ui .sm-gallery-journal .sm-tile-content {
	border: 5px solid #f00;
	margin-bottom: 15px;
    background-color: #ccc;
    padding: 25px;
	-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-journal .sm-tile-content:hover {	
		border-color: #fff;
		}

Powered by SmugMug Log In