Lightbox background colour

Hi @simonprevill,

Please add this code in Appearance > Customize > Additional CSS:

#lightboxOverlay {
	background-color: white;
}

Save and this will change it.

Warmly,
Mihaela

Brilliant – thank you

Simon

Hello @mplusb,

On the site OxannaAdams.ca, I have several galleries under https://oxannaadams.ca/paintings/

I am unable to get the custom CSS for the LightboxOverlay background color to render correctly.

I have added the following to my Custom CSS, and I have also added this CSS to the Custom CSS box in the Customizations for the Swedish Lapland Gallery.

#lightboxOverlay {
    background-color: white !important;
    filter: alpha(Opacity=90) !important;
    opacity: .9 !important;
}

.lightboxOverlay {
    background-color: white !important;
    filter: alpha(Opacity=90) !important;
    opacity: .9 !important;
}

The custom CSS for opacity is working, however – even after clearing the server cache – the custom CSS for the default background-color is not overwriting the following:

https://oxannaadams.ca/wp-content/plugins/final-tiles-grid-gallery-lite/lightbox/lightbox2/css/style.css?ver=5.6

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none;
}

Thanks for any help!
Sandra

• This reply was modified 3 years, 11 months ago by Sandra.
• This reply was modified 3 years, 11 months ago by Sandra.
• This reply was modified 3 years, 11 months ago by Sandra.

I have the same problem; any css code I add doesn’t overwrite the basic (dark) background color of the lightbox. I checked all the css tips in this forum. Why not make it an option?

For now css code would surely help!

Thanks, Hans