Detail view of photo has no margins?

samsterid

I am testing the New SmugMug, trying to replicate my Legacy site here:
http://www.invisionworkshop.com

Here's my New SmugMug test site:
http://test4now.smugmug.com/

I am making some progress, but I don't understand why there are no margins or padding at all when I click on an image from a Gallery. (Is that what's called the lightbox?) In Legacy, the images show up with some kind of decent margin and a thin border around the image.

Someone please tell me I made a mistake somewhere with a Gallery setting I can change.

The very first image in the Heidi gallery takes up the entire browser area in Firefox; if it's a portrait shot, there are no top or bottom margins; if it's landscape, no left or right margins. Is there any setting that can change the default view to Medium or Large so we get some margins?
(I know I can change the max size in Security and Privacy, but some of my customers really need to see detail - X3 or Original.)

And with no margins, the navigation buttons are over-laid on some of the details of the artwork - very distracting.

Thanks in advance - Sam

phaserbeam

samsterid wrote: »

I am making some progress, but I don't understand why there are no margins or padding at all when I click on an image from a Gallery. (Is that what's called the lightbox?) In Legacy, the images show up with some kind of decent margin and a thin border around the image.

Yes, this is the lightbox... always "fullscreen".

You can try this CSS:

.yui3-widget-bd img {
    transform:scale(0.9);
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
}
.sm-lightbox-image {
    border:3px solid #f4a00f;
}

samsterid

Thanks so much Phaserbeam!

It works perfectly in all three main browsers, and navigation controls are outside the image area - now I can tweak it the way I want!

Sam