Jump to content

Lightbox Opacity

Recommended Posts

Posted

I have worked thought a few CCS mods to get my gallery image block lightbox to look they way I want it to. I am having a problem getting the lightbox opacity to be 1 or full background with no opacity. Every time I inject a CCS mod the element z-index and opacity revert back to opacity:0.98

I have tried several variation but nothing works. Here is the latest CCS I injected. 

 

.yui3-lightboxoverlay-content .sqs-lightbox-overlay .sqs-lightbox-overlay-default.light.element {

    z-index: 10000000;
    opacity: 1;

}

  • 4 weeks later...
  • Replies 13
  • Views 2.5k
  • Created
  • Last Reply
  • 2 weeks later...
  • 3 months later...
  • 2 weeks later...
Posted
On 6/24/2020 at 9:21 PM, tuanphan said:

Difficult to help without checking url

For next comments, if you share link to your site, we can check easier.

Hi there, I am having the same issue and would like to make the background of the lightbox on gallery an opaque white, rather than transparent. My url is https://badger-kazoo-2jej.squarespace.com/books/marina I'd be grateful if you could help. Thanks in advance

Posted
4 hours ago, ianb2020 said:

Hi there, I am having the same issue and would like to make the background of the lightbox on gallery an opaque white, rather than transparent. My url is https://badger-kazoo-2jej.squarespace.com/books/marina I'd be grateful if you could help. Thanks in advance

Your site is private. Can you setup password & share url?

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!)

Posted
3 minutes ago, tuanphan said:

 Add to Home > Design > Custom CSS


.gallery-lightbox-background {
    opacity: 1 !important;
}

 

That's great, thank you so much for your help

  • 1 year later...
Posted
On 9/23/2021 at 12:14 AM, airiel.mulvaney said:

Hi there,

I too am having the same issue. I would like to make the gallery lightboxes background solid white and the control arrows and "X" black or dark grey.

The code above did not work for me. Here is the url: https://johannabaruch.squarespace.com/cosmos-paintings-2009-2012

Thank you for your help?

 

What is access password?

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!)

Archived

This topic is now archived and is 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.