Lightbox (modal image) background color and transparency

Posted in: Newspaper
Post count: 8
carlotta
#538861
Jan 15, 2026 at 12:29 pm

Hi there,
I will get pure black as background in lightbox (no background transparency).
Regards Carlotta

Post count: 35449
Calin
#538916
Jan 15, 2026 at 3:52 pm

Hi,
Can you please provide some more details? Maybe a link and some screenshots to better understand the situation.
Thank you

Post count: 8
carlotta
#539007
Jan 16, 2026 at 8:40 pm

the lightbox background is grey with transparency. I want it e.g. pure black

Post count: 35449
Calin
#539040
Jan 19, 2026 at 10:46 am

Hi,
You can try this custom css:
body .mfp-bg {
opacity: 1;
}
Set the code in the theme panel > custom code > custom css.
Thank you!

Post count: 8
carlotta
#539165
Jan 21, 2026 at 12:58 pm

Hello,
fine and thanks. Sorry but white color should be better.
Please tell me this code too.
Best regards Carlotta

Post count: 35449
Calin
#539183
Jan 21, 2026 at 4:10 pm

Hi,
Could you please let me know which color you’re referring to?
Thank you!

Post count: 8
carlotta
#539196
Jan 21, 2026 at 8:01 pm

Oh I’m sorry I forgot: the color white.
Regards

Post count: 35449
Calin
#539210
Jan 22, 2026 at 8:56 am

Hi,
If I understand correctly, you want to have the background color white, not black, for the lightbox (modal image), right? If so this can be done using this CSS:
body .mfp-bg {
opacity: 1;
background-color: #fff;
}
body .mfp-image-holder .mfp-close,
body .mfp-iframe-holder .mfp-close,
body .mfp-arrow-right:before,
body .mfp-arrow-left:before{
color: #000;
}

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.