My lightbox looks perfect when I'm running Lightbox2 Lite but is all messed up with the full Lightbox. Not sure if there are some settings I'm missing.

The page is http://www.provada.com/another-test-page

Any clue what I'm doing wrong?

Comments

Lloyd’s picture

Lloyd commented

I definitely have a CSS issue. The lightbox2 css if being overridden by my main css file causing funky formatting. But this doesn't happen in Lightbox 2 lite for some reason. However I definitely need to use the full version and not lite.

How can I make sure that the lightbox2 css if getting priority. I could go through and put !important everywhere in the lightbox css file but that's not a good long-term solution. And there could also be some other css that while not overriding lightbox 2, conflicts with it by adding something that should not be on the lightbox2 rendered image.

patrickroma’s picture

patrickroma commented

Same problem here...

scatteredbrainV’s picture

scatteredbrainV commented

I need to style the modal window of Lightbox2, but, although I've modified the lightbox.css file and added the !important rule to my modifications, it seems like that css file is being overwritten with the default settings.
I have no clue on how to solve this.
I would really appreciate an explanation or any kind of help.

thank you very much!

Lloyd’s picture

Lloyd commented

Yeah i tried adding !important to all of the css entries in lightbox.css and while it changed the display somewhat the formatting was still off.