Product Lightbox bleeds off window

[kyzcreig]

>Go to http://irc.bio/product/nsi-189/
>Click [+] on product slider
>Navigate to 2nd product image (HPLC chart)

The image is bleeding off the top and bottom of the screen.

How can I make it so it fits the window? I see I have to modify the containing div but the div’s width/height seem to be calculated elsewhere. Seems like I’d have to charge the top/left fixed positioning as well.

[David Martin – Support]

Hi,

Please test this CSS:

.ilightbox-holder div.ilightbox-container {
    padding: 3% 0;
}

Thanks.

[kyzcreig]

Didn’t do anything, just added some vertical padding.

I can give you the login info if you want to test things. I thought I did already in the OP.

I’m 99.99999% (6 sigma) sure CSS can’t fix this.

[David Martin – Support]

This is how it looks for me: http://d.pr/i/1jKpd.

– What is your browser/device size?

Thanks.

[kyzcreig]

Windows 10 Asus laptop
It looks the same on Firefox and Chrome (with and without your padding css)

Was it broken for you before you added the padding?

[David Martin – Support]

With that specific image I can replicate the issue. I’ll need to report this back to the lead dev’ for investigation and a solution.

Thanks for your patience.

– David.

[kyzcreig]

Cool, glad I’m not crazy. I mean I might still be.

[Swift Ideas – Ed]

Hi there,

Can you check now? Will include the changes in the next update.

– Ed

[kyzcreig]

Oh wow, nice going. I would say it’s almost there. Now the other images’ divs are too small:

View post on imgur.com

Also, I suspect this is related. The thumbnails are all different heights and widths:

View post on imgur.com

Can we make them the same height? Here’s how it looks:

View post on imgur.com

my kludge CSS:

View post on imgur.com

[David Martin – Support]

Thanks for the feedback, will report this back to Ed.

– David.

[Swift Ideas – Ed]

Hi @kyzcreig

You can add that as custom css if you’d like the thumbnails uniformed, however we likely we be making that a theme change.

I’d like to revert the change I made previously, as I’ve just seen that the image that was being cut off is HUGE – 4700px? You shouldn’t need to have it more than 1500px – can you try reducing the size, and then I’ll test the changes again?

– Ed

[kyzcreig]

Sure, done: http://irc.bio/product/nsi-189-phosphate/

It’s 25% the size now.

[Swift Ideas – Ed]

I don’t see that image in the product gallery anymore? Can you re-add it?

Thanks,

– Ed

[kyzcreig]

I’ve moved it to this page: http://irc.bio/product/nsi-189-phosphate/

I had duplicated the product pages to create a variant and left it on the wrong one.

[David Martin – Support]

Everything looks correct here now within the popup lightbox for me: http://irc.bio/product/nsi-189-phosphate/

Thanks.