Jump to content

How can I change the opacity background of the lightbox ?

Recommended Posts


I try to use a new template (FORTE) but I cannot manage to have a real white background when I use a lightbox with my grid style gallery block. Yet, when I check light overlay in the design gallery, it's not a white background but a transparent background that appears... But I try to have this : http://www.gafsou.ch/ether/. Here, you can see on that lightbox that we don't see the website in background but only the picture.

Is this possible with code or am I using the wrong gallery block ?

Thank you !

Link to comment
  • Replies 3
  • Views 3.9k
  • Created
  • Last Reply


If you use a solid colour or a colour with an alpha channel like rgba you can set this.

Try adding this into Design > Custom CSS. You can switch the background colour to whatever suits. To change the opacity, you can reduce the 1 down to 0.8 for example to have 80% opacity:


 background: rgba(255, 255, 255, 1)

Hope that helps!

Link to comment


This topic is now archived and is closed to further replies.

This topic is now closed to further replies.
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.