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

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. 

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.

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

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>

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.

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. 

 

 

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

1. (Mobile – Footer) Text overlap

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

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

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

5. (Mobile – Header) Logo disappear

6. (Tablet – power course) Word break

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

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