Lightbox Background Color

[ChrisT]

Hi Jennifer,

there is no built in way to change the background color of the lightbox element. However, you could try add this code:

LightBox - Edit the look and feel?

Hey @seank you left an empty href for your share link, can you please edit the post and add in the link? As far as customizing the color of the lightbox background you should be able to do the following <style> .w-lightbox-backdrop { background: rgba(0,0,0,0.9) !important; } </style> Just edit the rgba color and that should do it, you may need an !important tag, might not. Let me know if you have any trouble. Thanks, Waldo

Or this one here:

Making adjustments lightbox widget

I was able to change the lightbox colors and text by adding code to the head code section like so: <style> /* turning the lightbox background to white */ .w-lightbox-backdrop {background: rgba(256,256,256,.9);} /* turning the slide buttons orange */ .w-slider-dot { background: rgba(219,97,11,0.5); font-size: 16px;} .w-slider-dot.w-active { background: rgba(249, 209, 80,0.5); font-size: 16px;} /* turning the lightbox text colors */ .w-lightbox-backdrop { position: fixed; top: 0; righ…