Jump to content

How to disable clickthrough on Tags and Location metadata in the Summary Block?

Recommended Posts

Site URL: http://rasool.vc/the-club-of-alchemists

I want to disable clickthrough on the Location, and Tag metadata properties in the Summary block?

My website is www.rasool.vc/the-club-of-alchemists 

If you notice there, I am using "Online" in the Location metadata, which does not really benefit from a click. And frequency of the program with the Tag metadata. How can I disable clicking through these? Thank you. 

 

image.png

 

Screen Shot 2021-07-11 at 5.01.33 PM.png

Link to comment
  • Replies 6
  • Views 720
  • Created
  • Last Reply


Add the following to Page Settings > Advanced > Page Header Code Injection for the page.

<style>

  .summary-metadata-item--location,
  .summary-metadata-item--tags
  
    {
    
      pointer-events : none;
      
      }
      
  </style>

This is for v7.0 using the Brine template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
12 minutes ago, creedon said:


Add the following to Page Settings > Advanced > Page Header Code Injection for the page.

<style>

  .summary-metadata-item--location,
  .summary-metadata-item--tags
  
    {
    
      pointer-events : none;
      
      }
      
  </style>

This is for v7.0 using the Brine template family.

Let us know how it goes.

Works like a charm. One point to note though: It has to be inserted in the index settings (if you are using index  and pages within it, which is my scenario). I updated the page code itself, didn't make a change. When I updated Index, the code worked on the page. Thank you @creedon

Link to comment
4 minutes ago, Saqib said:

Works like a charm. One point to note though: It has to be inserted in the index settings (if you are using index  and pages within it, which is my scenario). I updated the page code itself, didn't make a change. When I updated Index, the code worked on the page. Thank you @creedon

 

One more point, I realized that the Title of the Summary block also points to some long string of URL going nowhere, so it also needs to be quiet down. I insert following code in the Index | Advance | Code Injection  containing the page itself. This works to kills dangling hrefs in Summary items if you don't need them. 

<style>

  .summary-metadata-item--location,
  .summary-metadata-item--tags,
  .summary-title-link
  
    {
    
      pointer-events : none;
      
      }
      
  </style>

 

Link to comment

Another note for those following on. It's rare but in some cases you need to put the code in both places. That would be needed if you have users going to the index page and also the individual pages. Depending on the code you may need to have two versions. One that targets the Index page content and one that targets individual page content.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

@creedon right on. 

So here is a code that does everything I want to do with the summary block when I am using it purely for display purposes and I don't want the thumbnail, title, metadata or anything to point anywhere else. I also want to improve the size of the excerpt so it's readable. This is code inserted into the Index and Page both, in case you may use the page individually without the index. You can see the following implemented here in the summary grid in the middle of the page. 

http://rasool.vc/the-club-of-alchemists


 

<style>
  
  .summary-excerpt p 
  {
  	font-size: 19px !important;
  	font-family: "Roboto Light";
  }

  .summary-thumbnail-container, 
  .summary-metadata-item--location,
  .summary-metadata-item--tags,
  .summary-title-link
   {
     pointer-events : none; !important;  
   }
      
  </style>

 

Link to comment
  • 2 weeks later...
On 7/12/2021 at 7:05 AM, Saqib said:

Site URL: http://rasool.vc/the-club-of-alchemists

I want to disable clickthrough on the Location, and Tag metadata properties in the Summary block?

My website is www.rasool.vc/the-club-of-alchemists 

If you notice there, I am using "Online" in the Location metadata, which does not really benefit from a click. And frequency of the program with the Tag metadata. How can I disable clicking through these? Thank you. 

 

image.png

 

Screen Shot 2021-07-11 at 5.01.33 PM.png

Hi. The site has some small problems. Do you need help to fix these?

1. (Mobile – Footer) Text overlap

rasool.vc-01-min.png

2. (Mobile – Homepage) There is a white bar at bottom of the page

rasool.vc-02-min.png

3. (Mobile – Articles ) Page looks very long, do you want to add a “back to top” button

https://www.rasool.vc/articles/the-making-of-a-changemaker

rasool.vc-03-min.png

4. (Mobile – Overlay menu > programs) Make text lie on the same row

rasool.vc-04-min.png

5. (Mobile – Header) Logo disappear

rasool.vc-05-min.png

6. (Tablet – power course) Word break

https://www.rasool.vc/the-power-course

rasool.vc-06-min.png

7. (Tablet/Mobile – Book) When i click on book, it say that

rasool.vc-07-min.png

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.