Jump to content

Disabling Lightbox in Summary Box but keeping links when present

Go to solution Solved by colin.irwin,

Recommended Posts

—Brine template

I would like to know if it is possible to disable the Lightbox in a summary box (from a gallery) and, if possible, how to do it.
I would like that for images that have no link indicated, there was no cursor mousehover nor Lightbox, while for images that have the link, there was the mouseover and the link working.

Thanks for the help

Edited by ale
Link to comment
  • Solution


As a test I created a gallery called test gallery. 

Then I gave some of the items in the gallery links 



I created a summary block on another page that uses the gallery as the source of its images. 

Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery).

It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. 

Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug 

.summary-item a[href^="/test-gallery"] {
    pointer-events: none;

If you're looking for a Squarespace Developer, drop me a line. 

Link to comment
  • 1 year later...

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.