Add a Border, "Mat" and Drop Shadow to the SmugMug Slideshow

This will add a 5px black frame/border, a 25px white “mat” and also a 5px dark gray shadow around the Slideshow. If you want a larger border, mat and/or shadow, you may need to decrease the 'max-width: 94%'
and/or adding to the bottom margin (10px) here: 'margin: 0 auto 10px;'
.
Just add this to your theme’s CSS section.
CSS
/**
* Adds Border and Drop Shadow on the Slideshow
************************************************/
.sm-user-ui .sm-slideshow-image .sm-tile-single.sm-tiles-uncropped .sm-image {
border: 5px solid #000000;
box-shadow: 5px 5px 5px #151515;
margin: 0px auto 10px;
max-width: 90%;
padding: 25px;
background: #fff;
}
/* Adds Border and Drop Shadow on the Slideshow End */
This site and all of its contents are copyright © 2023 Images in the Backcountry / Mike Matenkosky – All rights reserved.
By using this site you agree to our Privacy Policy.