Add margin to fullscreen slideshow
chris_swiss
Registered Users Posts: 5 Big grins
Hi everybody!
I adjusted the css "add a margin to the lightbox" from Nicolas Sherlock (very cool, THANKS!) to add a margin to the gallery slideshow. It works perfectly but now even the fullscreen slideshow on my homepage is affected:-( That one should not have any margins... Anybody with an idea to fix that?
/* add a margin to a fullscreen slideshow */
.sm-slideshow-image {
-webkit-transform: scale(0.97);
-moz-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
-webkit-backface-visibility: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: center center;
background-size: contain !important;
}
I adjusted the css "add a margin to the lightbox" from Nicolas Sherlock (very cool, THANKS!) to add a margin to the gallery slideshow. It works perfectly but now even the fullscreen slideshow on my homepage is affected:-( That one should not have any margins... Anybody with an idea to fix that?
/* add a margin to a fullscreen slideshow */
.sm-slideshow-image {
-webkit-transform: scale(0.97);
-moz-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
-webkit-backface-visibility: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: center center;
background-size: contain !important;
}
Tagged:
0
Comments
Did you put your CSS in your theme's custom CS section of just the Gallery section? If you only want the slideshow to add a margin in your galleries, just put a CSS block in that section (galleries).
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Thanks Mike! Quick and easy solution:-)