In Lightbox large images are not centered horizontally but pushed up.

coro085

Large images in original size in Lightbox are not centered horizontally but pushed up in the browser window.

Example here, same height ( 700 px ) but different lengths.

centered
http://www.romeocolombo.com/SonyNex-7/Voigtlander-Nokton-50-mmF15/i-bhpRGhF/O

pushed up
http://www.romeocolombo.com/SonyNex-7/Voigtlander-Nokton-50-mmF15/i-Vhvt5wr/O

There is a solution?

Romeo

Smug Eric

With the Original size link that you gave for both of those they are showing the same to me, both being pushed up to the top. If I use the auto sized version of the photo then both are centered.

thenickdude

You've added this CSS to the page which is moving the image to the top of the window as soon as scrollbars (horizontal or vertical) appear:

.sm-lightbox-scrollable .sm-lightbox-image {
  margin-top: 0 !important;
}

I believe this was a fix I made for your site for the display of tall vertical images, because otherwise SmugMug's centring method cuts the top half of portrait photos off.

I'll report the vertical-centring bug to SmugMug again, but it's not an easy fix.

coro085

Thanks for the reply

Auto sized ? Is perhaps Fill.

In fill are centered but not in the original size.


Yes Lamah, your CSS works perfectly, thanks your help.

If is a bug then I stop to look a solution, that for now there isn't.

Romeo