[Steve LParticipant]

I am trying to change the lightbox overlay background from light to dark without having to change the entire site background but it’s not honoring the CSS:

From:

.ilightbox-overlay.light {
color: #fff;
}

To

.ilightbox-overlay.light {
color: #000 !important;
}

[Paul RModerator]

Hi Steve,

Please change your code to this

body .ilightbox-overlay.light {
     background: #000;
}

Hope that helps.

[Steve LParticipant]

Thanks for the quick response. Unfortunately, this did not work. See the page here:
http://www.braintek.com/home-concept-1/

[DarshanaModerator]

Hi there,

Please try adding the following CSS rule instead.

.ilightbox-holder.light {
    background-color: #000000;
}

Hope that helps.

[Steve LParticipant]

This does not work either. Why isn’t the theme honoring this CSS? Any other suggestions?

[ZeshanMember]

Hi Steve,

Please try this:

.ilightbox-overlay.light {
    background-color: #000000 !important;
}

Let us know how it goes.

Thanks!

[Steve LParticipant]

That is what I already did. I added !important the first time. It still doesn’t work. What else?

[Rue NelModerator]

Hello,

We’ve inspected your website and we could not find your css code in the page. Please try to add it again in your customizer, Appearance > Customize > Custom > CSS. The code we have suggested in our previous reply should work.

.ilightbox-overlay.light {
    background-color: #000;
}

This is the result with our test css code in your site, http://prntscr.com/6lt7aw

Please let us know how it goes.

[Steve LParticipant]

That’s weird. I am using a child theme and all of the CSS is working fine…. except this one entry. I added it to CSS in Customizer and t worked. (?????) Why would this be? Hmmm….

[ZeshanMember]

Hi Steve,

That’s really weird. Would you mind providing us with your WordPress credentials so that we can take a closer look to the issue? Please don’t forget to select Set as private reply to ensure your data remains hidden from other users.

However, upon checking again, your site is showing the dark lightbox overlay just fine now (see: http://prntscr.com/6m2ziz). Not sure why you are still not seeing the changes. Perhaps it’s a caching issue, I’d advise clearing your browser’s cache or testing on a different browser.

Thanks!

[Author]

Posts