Changing Lightbox Attributes

Hi all,

I have updated to and am loving it. I am attempting to modify the lightbox , which is from the core, not an add-on. I would like to change the background color and maybe the transparency of the lightbox. I haven't been able to locate these controls, any help would be appreciated.

Thanks for all that you do to support the community. I am very new to this and have learned so much just by reading through these forums. I'll keep my eyes out for issues that I've come across and have been able to solve.


1 Attachment

View Replies:
MrKDilkington replied on at Permalink Reply
Hi kgoudeau,

First, I would recommend updating to the latest version. As of today this is There have been many new features, bug fixes, and enhancements since

To change the lightbox styling, you can override its CSS file.

- copy jquery-magnific-popup.css
- in your application folder, create a folder called "css"
- paste jquery-magnific-popup.css into the new "css" folder

In jquery-magnific-popup.css, you can change the background color and transparency in the .mfp-bg class.
- the default background color is #0b0b0b
- the default opacity is 0.8