Disable tag hyperlinks

[ifkda]

Hi there,

Is it possible to disable the hyperlinks in the tags as I don’t want the users to be able to go to the portfolio catalog tag page as it will allow them to see content they arn’t meant to (membership website).

Thank you.

[prakash_s]

Hi @ifkda,

Thanks for writing to us.

Add this CSS code in theme option’s CSS to disable hyperlink of tags.

.x-portfolio .x-ul-icons .x-li-icon a{pointer-events:none}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[ifkda]

@prakash_s

.x-portfolio .x-ul-icons .x-li-icon a{pointer-events:none}

Hi there,

This didn’t work, I think because I’m using pro and not xtheme.

An example of a page that I would like to remove the links from is here:

https://akinyoga.com/portfolio-item/pilates-week-1/

I will attatch the login details. Please could you help. Would greatly appreciate it.

[nabeel]

Hi @ifkda,

Thank you for providing the credentials. I checked your setup and the CSS wasn’t there in Global CSS and you also had a syntax error in Global CSS (a missing curly bracket). I went ahead and added the code in Pro > Theme Options > CSS and fixed the syntax error as well.

Please clear your browser’s cache and check the page now. Cheers!

[ifkda]

Ohh that worked perfectly thank you.

Is there a way to disable these little links too next to the date under the title which also give links to tags?
“ALL GRID UNLIMITED” bit? They are categories.

[ruenel]

Hello @ifkda,

If you want to disable a link using a custom CSS, you can set the Pointer Events CSS property of the link element.
You can check this out: https://www.w3schools.com/cssref/css3_pr_pointer-events.asp

.element-class-selector {
  pointer-events: none;
}

First, you need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use. And by default, the post meta links is using this class selector: .p-meta span a. You can use this selector and replace it to the example code above.

Note: The given code above does not work out of the box. You will have to modify it to make it work for your site.

We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance.

Feel free to make adjustment as you need to the example code above. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

[ifkda]

Hi there,

It’s really complicated.

Can you tell me how to remove “All grid unlimited” and “Yoga all videos”?

[christian]

Hey @ifkda,

That will require another set of custom or override CSS codes. I’ll provide one last sample code. For succeeding customization questions, please consider subscribing to One where we can answer customization questions.

The following code will remove the categories in the meta. Just note that we do not provide support for custom codes. If the code won’t work, that means you have a syntax error or your page is cached.

.p-meta span:nth-child(3) {
    display: none;
}

Hope that helps and thank you for understanding.