Images

In lightbox-gallry.css you want to remove overflow: hidden; from line 1002.

change the line from:
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;line-height:1;}

to:
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;line-height:1;}

worked like a charm. THANK YOU!!
have a great day!

it appears that it only fixed the issue when using Firefox, but the right side is still cut off when using Chrome or IE. Anything else I can fix?

For some reason the overflow hidden is added directly to the element on the chrome browser. I think this is some core javascript doing it, but I can’t tell for sure. Check if the id=”colorbox” has it added to it’s html.

maybe adding

#colorbox {
overflow: visible !important;
}

to your css file will override it

Actually start by doing the CSS thing – that’s probably the easiest ??

I’ve already put in the edit for CSS, but it only works for Firefox

did you add this to your css file? I’m not talking about the same edit I posted the first time I wrote

add this in your style.css file

#colorbox {
overflow: visible !important;
}

to which line?

Doens’t matter. Just put it at the very end

works! thanks genius!