How to change the lightbox color

Hello DaveS,

Please provide your website URL and also, you can give me some useful screenshots where to show me exactly what you want to change.

Thanks for your understanding!

Hello DaveS,

If you want to change the background, you should use the code below and place it in Theme panel->Cusotm CSS Area.

The code is ->

.gr__grandecor_bg body {
background:white!important;
}

The result is here -> https://www.screencast.com/t/oUQ9nq3DLh5

Thanks for the message!

Hello DaveS,

Yes, you can make your own code for your desired color using the RGBa properly. For more information about this case, please check here -> https://css-tricks.com/rgba-browser-support/

Thanks for your understanding!

Hello,

The code provided above affects the attachment page, not the lightbox. You seem to have images that open in an attachment page and images that open in a lightbox as well.
For lightbox images use this code:
.mfp-bg {
background:white!important;
}

Thank you!

Hi,

You can try the following code to make the close and prev/next another color – https://www.screencast.com/t/hUgsjfvcHp but I do not see any problem with the counter on the images.

.mfp-close,
.mfp-arrow-left:before,
.mfp-arrow-right:before {
color:black!important;
}

Thanks