Arnie123 Posted January 6 Share Posted January 6 Good afternoon, I wondered if there is a way to blur the background and increase the opacity of a lightbox when clicking on an individual image (not the gallery lightbox). I'm trying to do this for the pages https://www.gabedoubleglazing.com.au/double-glazed-doors and https://www.gabedoubleglazing.com.au/double-glazed-windows, and more specifically the individual colours in the sections 'colour options'. Many thanks, Arnoud Link to comment
Solution tuanphan Posted January 9 Solution Share Posted January 9 You can add this code to Website Tools (under Not Linked) > Custom CSS body#collection-655c1488e98bfc546f524d06 .yui3-lightbox2 .sqs-lightbox-overlay { opacity: 1 !important; } (this code for https://www.gabedoubleglazing.com.au/double-glazed-doors) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Arnie123 Posted January 9 Author Share Posted January 9 Thank you, this works great for the opacity, which I put at 0.7. Is there a way to 'blur' the background when the lightbox is showing, for visual effect? Link to comment
tuanphan Posted January 10 Share Posted January 10 Try this code body#collection-655c1488e98bfc546f524d06.sqs-lightbox-open div#siteWrapper { filter: blur(3px); } Arnie123 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Arnie123 Posted January 21 Author Share Posted January 21 Works like a charm, thanks !! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment