How do i make some summary blocks non-clickable

Site URL: https://robin-impala-w8cj.squarespace.com/config/

How do i make some summary blocks non-cliackable. 

The summary is in Learn-Methods

The first 7 (in pink) must be clickable and the others not.

I found this on the forum but I can't figure out how to make it work on my site. 

Any help will be much appreciated!

2 hours ago, amyleehayward said:

Site URL: https://robin-impala-w8cj.squarespace.com/config/

How do i make some summary blocks non-cliackable. 

The summary is in Learn-Methods

The first 7 (in pink) must be clickable and the others not.

I found this on the forum but I can't figure out how to make it work on my site. 

 

Any help will be much appreciated!

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1644237213676_8262  .summary-item:not(:nth-child(7)){
  pointer-events:none;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thank you SO much!! @bangank36

this worked so well but only for the 7th one, I am trying to make the FIRST SEVEN CLICKABLE, what can i add in for the rest to work? 😄

Replacing my previous code with the following one

#block-yui_3_17_2_1_1644237213676_8262  .summary-item:nth-child(n+8){
  pointer-events:none;
}

Let me know how it goes

AMAZING!!

Thank you so so much!

Theres no way for the hover effect on the non clickable blogs to still work as it says "coming soon" ?

On 2/28/2022 at 9:58 PM, amyleehayward said:

AMAZING!!

Thank you so so much!

 

Theres no way for the hover effect on the non clickable blogs to still work as it says "coming soon" ?

Have you solved it yet?