[SOLVED] Lightbox is thin line in IE8 only

Hey Guys, I've really enjoyed using your product so far and I'm hoping we can fix this bug.

I'm using Version of Slideshow Gallery and the site is using Wordpress 3.4.2: http://www.edmanson.com.au/photos/

I've tested this in chrome, safari, IE7, IE9 and firefox and it all works fine, as far as I can tell this is only happening in IE8.

In IE8 when you click on an image in the slide show, the lightbox opens up as normal but when it finishes loading the image it appears as a thin white line.

I suspected it may be a caching/minify issue so I've disabled the W3 Cache but that didn't make any differences.

Thanks in advance,


  • 2 Comments sorted by
  • Vote Up1Vote Down
    Thank you for your post, Dave.

    This oddly sounds like Colorbox might need an update.

    Can you get the latest Colorbox: http://www.jacklmoore.com/colorbox
    Then replace the slideshow-gallery/js/colorbox.js and slideshow-gallery/css/colorbox.css files with the latest?

    Let me know if this works and fixes the problem please.
  • Vote Up1Vote Down
    Ahhh! I've sussed it actually. Thanks you got me started looking in the right place!

    For anyone else who has this issue you need to go to:


    On line 13 you'll see: 

    .cboxPhoto{float:left; margin:auto; border:0; display:block;}

    Add: max-width:none; in the braces so it looks like this:

    .cboxPhoto{float:left; margin:auto; border:0; display:block;max-width:none;}

    Thanks again for your help and FYI the JavaScript looked just fine as it was. However I did replace them with the newer version and it didn't seem to cause any problems.

Sign In or Register to comment.