Disable click thru link on summary block 7.1

Site URL: https://smoothjazzgetaway.squarespace.com/config/pages

Hello! I need help disabling the links on a blog summary block (that I used to create a sliding image gallery with text possible in same section – 7.1 limited me!) I don't want the images on THIS PAGE summary blocks clickable. This page only.

https://smoothjazzgetaway.squarespace.com/config/pages
Password: Roland

Any assistance very much appreciated!

Hi. Which section? Can you take a screenshot? We can check easier

On 12/6/2020 at 12:14 AM, tuanphan said:

Hi. Which section? Can you take a screenshot? We can check easier

Yes, thank you! I find 7.1 to be so limited!! I need sliding image gallery (but I want it left/right of copy – in 7.1 sections it can only be above/below). My work around was to use a summary block as a sliding image gallery – It worked out pretty well EXCEPT for the click thru default. Please help disable the click through of this page only on summary blocks.

/config is admin url. See this to find page url.

On 12/4/2020 at 1:33 PM, ColeH_design said:

Site URL: https://smoothjazzgetaway.squarespace.com/config/pages

Hello! I need help disabling the links on a blog summary block (that I used to create a sliding image gallery with text possible in same section – 7.1 limited me!) I don't want the images on THIS PAGE summary blocks clickable. This page only.

https://smoothjazzgetaway.squarespace.com/config/pages
Password: Roland

Any assistance very much appreciated!

I solved it – click thru on summary was successfully disabled using code found on another question.

 

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

@ColeH_designhow did you do it??? I need to do the same thing for a similar reason. 

TYIA

@AnaDavisDesign

The key is the following parameter value pair shown in ColeH_design's code.

pointer-events: none;

I used a code from another forum. Added this code to Design - Custom CSS:
 

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

On 3/24/2021 at 2:24 AM, ColeH_design said:

I used a code from another forum. Added this code to Design - Custom CSS:
 

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

This will disable all summary on your site. If you want to apply on one page, add this code to Page Header

<style>
  .summary-thumbnail-container { pointer-events: none !important; }
</style>

On 3/25/2021 at 7:28 AM, tuanphan said:

This will disable all summary on your site. If you want to apply on one page, add this code to Page Header

<style>
  .summary-thumbnail-container { pointer-events: none !important; }
</style>

 

Hi - I've used this code on https://brightstarz.co.uk/preteen-workshops - it the workshops are still clicking through. I'd prefer to change it page level rather than using CSS and targeting the block. I'd welcome any suggestions. Thank you.

Hi - solved it by using 

<style> 
  .summary-item  { pointer-events: none !important; }
</style>

Hi people,

I'm trying the above on https://www.urbanhealthcouncil.com/reports but having no luck. The images still have a clickthrough attached to them...but not the 'source url' that's listed within the blog post detail.

For what it's worth I have 'universal filter' installed.

Any advice is greatly appreciated!!!

Thank you

On 2/14/2023 at 7:23 PM, JoshA said:

Hi people,

I'm trying the above on https://www.urbanhealthcouncil.com/reports but having no luck. The images still have a clickthrough attached to them...but not the 'source url' that's listed within the blog post detail.

For what it's worth I have 'universal filter' installed.

Any advice is greatly appreciated!!!

Thank you

I see the code worked on your site

.blog-basic-grid .blog-basic-grid--container.is-loaded>div:first-child {
    pointer-events: none;
}