Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Is there a way to remove the hover effect on just light boxes on Squarespace?

By noobiedesign, in Customize with code

Go to solution Solved by noobiedesign,

Recommended Posts

noobiedesign Level 3

noobiedesign

Posted
Posted

Site URL: https://www.kroschlab.com/people-test

Hello,

I need to keep the hover effect for this gallery grid, but I would like to remove it when the images in the grid are clicked on (i.e., within the Lightbox), is there an option for this?

Here is the webpage: https://www.kroschlab.com/people-test

Note how the hover effect occurs when you are in grid view (I want), but it also occurs when you click on the images and are in the Lightbox (I don't want).

In summary: is there a way to show text in the Lightbox without requiring a hover-over?

  • Replies 1
  • Views 183
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
noobiedesign Level 3

noobiedesign

Posted
  • Author
  • Solution
Posted
I resolved this by overlaying a background that was identical to the hover background, and displaying the text using opacity.
  
.yui3-lightbox2 .sqs-lightbox-meta {
    opacity: 1 !important;
    background-color: rgba(0,0, 0, 0.7);
}

 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources