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

coro085 · September 23, 2013

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 · September 23, 2013

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 · September 23, 2013

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 · September 24, 2013

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

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

Comments