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

Demo

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 blue. Add this to your theme’s CSS or add a CSS block on your ‘All Galleries’ section.

CSS


/** 
* Adds Border and Drop Shadow on Journal Gallery
**************************************************/
.sm-user-ui .sm-gallery-journal .sm-tile-content {
	border: 5px solid red;
	margin-bottom: 15px;
    background-color: gray;
    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: blue;
		}