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