fullscreen add margins?

bazancik · August 29, 2013

When in fullscreen photos go right to the edge - is there a way to add a margin so can keep a bit of background / black frame around it?

thenickdude · August 29, 2013

Yes, pretty much. See the details here:

http://www.sherlockphotography.org/Customisations/Lightbox-margin

Allen · August 29, 2013

Lamah wrote: »

Yes, pretty much. See the details here:

http://www.sherlockphotography.org/Customisations/Lightbox-margin

I add this in and looks great but I lose the rounded photo corners.

southeasternphotography · August 29, 2013

and I like rounded corners!

thenickdude · August 29, 2013

That's because the border radius is being applied to this new, transparent border around the image, so you don't see it any more. However, if you set the border-radius high enough, it will round its way all the way through to the photo and will end up rounding your photo corners for you:

/* Round images displayed in the Lightbox */
.sm-lightbox-image {
	border-radius:40px;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);			
}

fullscreen add margins?

Comments