Jump to content

custom coding to adjust background opacity and adding captions in Lightbox mode

Recommended Posts

Posted

Site URL: https://www.1053maingallery.com/

I would like to adjust the Lightbox of my gallery pages to do two things:

1. Make the  background of light box completely opaque white so you do not see the thumbnails of the gallery at all. I currently have it at the highest opacity setting SS allows without adding custom code and I don't like how the background interacts with the Lightbox.

2. Be able to view the captions (title of artwork) when you open in light box - preferably on hover.

Thank you.

Posted
16 hours ago, claire.gilliam said:

1. Make the  background of light box completely opaque white so you do not see the thumbnails of the gallery at all. I currently have it at the highest opacity setting SS allows without adding custom code and I don't like how the background interacts with the Lightbox.

Hey @claire.gilliam try to add next code in Custom CSS:

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

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Create an account or sign in to comment

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

×
×
  • 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.