Jump to content

Disable Lightbox on Summary/Gallery

Recommended Posts

  • Replies 13
  • Created
  • Last Reply

Add this to your custom css area after any other code that may be there

#block-yui_3_17_2_1_1571913993663_5072 .summary-item a {
	pointer-events: none;
}

The code kills the pointer event on the summary items in that specific block. 

You can easily get the block ids using this Chrome extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Link to comment

You're fine on the personal plan. Custom css works on all plans. 

It is code blocks and injection points for JavaScript that require business version. 

Link to comment
  • 1 year later...
21 hours ago, ColeH_design said:

@colin.irwin how do I find the right block id? I have four showing on my view source page, but none of them will prevent the lightbox in the summary block I need for that page

Can you share link to page where you use summary block? We can help easier

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

Link to comment
On 1/20/2021 at 10:16 PM, ColeH_design said:

Add to Design > Custom CSS

body#collection-60021a29d2e620378ac42d5f .summary-thumbnail-outer-container {
    pointer-events: none;
}

 

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

Link to comment

This issue has been solved by eliminating the 2nd summary block on page. However – same page – is there 1) CSS code to modify font in summary block (body font in summary block to appear larger and left aligned)?

2) CSS code to modify font appearing with image grid gallery (screenshot attached). Would like control over making the title bold, alternate color and larger (to appear as a heading font)

3) CSS Code to add a button below an individual image within the multi-image grid image block?? If possible, I'd like an individual button option below each image.

Screen Shot 2021-01-25 at 1.27.22 PM.png

Link to comment
On 1/25/2021 at 11:27 AM, ColeH_design said:

This issue has been solved by eliminating the 2nd summary block on page. However – same page – is there 1) CSS code to modify font in summary block (body font in summary block to appear larger and left aligned)?

2) CSS code to modify font appearing with image grid gallery (screenshot attached). Would like control over making the title bold, alternate color and larger (to appear as a heading font)

3) CSS Code to add a button below an individual image within the multi-image grid image block?? If possible, I'd like an individual button option below each image.

Screen Shot 2021-01-25 at 1.27.22 PM.png

Hi. Sorry for the delay. I was off some days. Do you still need help on this?

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

Link to comment

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.