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;
	box-shadow: 5px 5px 5px #151515;
}
	
	.sm-user-ui .sm-gallery-journal .sm-tile-content:hover {border-color: blue;}
/* Adds Border and Drop Shadow on Journal Gallery End */