Changing Lightbox Attributes
I have updated to 220.127.116.11 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.
First, I would recommend updating to the latest version. As of today this is 18.104.22.168. There have been many new features, bug fixes, and enhancements since 22.214.171.124.
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