Disable Lightbox on Summary/Gallery

Hello,

Is it possible to disable Lightbox on a block Summary / Gallery ? I used this element to show 8 images (icons) in one line + 8 titles... on homepage.

The use of Galerie/Grid is ok but the titles are cut...

Please share a link to your page. if it's not public you can add a password. 

https://cheetah-koala-ytr8.squarespace.com

2 versions of 8 icons on homepage...

hello is the password

Thanks !

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

Thank you very much ! This is the first time I use Squarespace, this customization of css involves moving to the business version?

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. 

@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

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

19 minutes ago, tuanphan said:

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

https://highyieldinsights.squarespace.com/reports-1

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

https://highyieldinsights.squarespace.com/reports-1

Add to Design > Custom CSS

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

Thanks @tuanphan. The code is disabling the lightbox effect within both (2) summary blocks on the page. I'd like it to only disable the one shown in screenshot attached. Can we limit it to this block specifically??

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.

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.

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