Click to enlarge: how to change the size of the pictures?

Ubrane

Hi there,

I tried to look on the forums but I didn't find any answer...

Here is my problem :

I am using the gallery style "thumbnails" for my website (new Smugmug). When I click on a thumbnail, the picture shows in the full window of the browser. Very pretty but I would like to have the picture centered and not touching the borders of the window (top and bottom). Is there any code I could add in my CSS to have this customized?

For example with my last gallery, you can see all the thumbnails:
http://www.antoinebruneau.com/Galleries/Myanmar/
If you click on the first thumbnail, the picture is now showing in the full window of your browser:
http://www.antoinebruneau.com/Galleries/Myanmar/i-PqxJbch/A

Thanks a lot for your help,

Antoine

thenickdude

Try this:

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

Ubrane

Wahoo, thanks a lot NickDude!
I have been looking for something like that for quite a long time.

Ubrane wrote: »

If you click on the first thumbnail, the picture is now showing in the full window of your browser:
http://www.antoinebruneau.com/Galleries/Myanmar/i-PqxJbch/A

I updated my CSS with the code to create a margin of 3% of the photo's size, so you won't see my problem in this example above anymore.