Changing Lightbox Attributes
Permalink
Hi all,
I have updated to 5.7.4.2 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.
Cheers!
I have updated to 5.7.4.2 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.
Cheers!
First, I would recommend updating to the latest version. As of today this is 5.7.5.4. There have been many new features, bug fixes, and enhancements since 5.7.4.2.
To change the lightbox styling, you can override its CSS file.
- copy jquery-magnific-popup.css
concrete\css\jquery-magnific-popup.css
- in your application folder, create a folder called "css"
application\css
- paste jquery-magnific-popup.css into the new "css" folder
application\css\jquery-magnific-popup.css
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