Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change Lightbox Background Color


Hi, I am using The Avenue template with a grid style gallery block. I want to make the lightbox background white for consistency as this whole website is white.

Is this possible with code?

alt text


Edited by MatthewP

Share this post

Link to post

7 answers to this question

Recommended Posts

  • 3

Not sure if you have same tags in your template but you may try:

.yui3-lightbox2 .sqs-lightbox-slideshow

background-color: rgba(255,255,255,0.7);

It should give you a little bit transparent white lightbox

Edited by GRSM

X-Gen born digital. Food Enthusiast. Traveler.

Share this post

Link to post
  • 0

Hi thereI'm totally new to both squarespace and web design in general. I would like to achieve a darkening of the background when I open a lightbox video in Wexley.

Can I achieve this somehow with the information given on this thread?

Many thanks


Share this post

Link to post
  • 0

I have tried almost everything to change the background and text color of the lightbox and none of the solutions proposed on these forums have worked. It is presently showing as white on white, so the text is there but illegible. I am using the Vow template. I have tried editing in the CSS template, adding code (

) within the lightbox code block, everything on these forums, and nothing has worked.

Any suggestions would be super helpful. Thanks!

Share this post

Link to post
  • 0

Here you go:

/*SquareSpace Lightbox*/
.sqs-lightbox-overlay.light {
    background: rgba(255,255,255,.98) !important;
    color: #3e3e3e;

.yui3-lightbox2 .sqs-lightbox-close:before {
    position: absolute;
    color: #445b6d;
    font-size: 40px;
  right: 5px;
  width: 40px;
  height: 40px;
    line-height: 100%;}

.yui3-lightbox2 .sqs-lightbox-previous:before, .yui3-lightbox2 .sqs-lightbox-next:before { 
    color: #0ab0ff;
    font-size: 33px;
  font-weight: 900;}


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...