Jump to content

Disable lightbox on specific summary block

Go to solution Solved by christyprice,

Recommended Posts

Site URL: https://www.jupiter10.com

I have a Summary block (grid)  on a page and I want to disable the lightbox. 

I found on a forum the code below to disable the click on the thumbnail of summary blocks. 
.summary-thumbnail-container { pointer-events: none !important; }


However,  I have other summary blocks on the same page that should be clickable, so how can I disable the clicks on a specific block  

Thanks a lot in advance 

Edited by Esquirebr
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

Hi @Esquirebr,

You would combine the two like this:

#block-yui_3_17_2_1_1584715631892_17063 .summary-thumbnail-container { pointer-events: none !important; }

This changes the summary thumbnail pointer class only for that particular block id.

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment
  • 4 months later...

As a related question, in Forte (version 7.0) is there any way to build a masonry style gallery without being limited to 30 images? The wall summary block seems to be the only efficient way to do it. I know it is possible to simply add another summary block but then customers will still only see 30 images when they click on the lightbox (which can't be disabled?). And the regular galleries aren't as attractive as the Masonry style wall summary layout. Thanks!

Link to comment

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.