Make category link un-clickable in The Grid

[GPDI]

Dear Support Team,

Is there a way to make the links you can see in my Grid - non-clickable? (On the image below, the category is “card sets”.)

As I do not want visitors to reach the category archive page, but still want to use the categories as a filter on my portfolio page, I see this as the only solution.

Could you help me some code I could use for this?

Thanks alot,
Matt

[nabeel]

Hi Matt,

Thank you for reaching out to us. You can achieve this with CSS pointer-events property (see https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)

You can find the CSS selector of the category link and apply pointer-events: none to disable the click event e.g:

.tg-item .tg-cats-holder .portfolio-category {
    pointer-events: none;
}

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

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope.

Hope this helps!

[GPDI]

Thanks alot, that worked out. And thanks for the extra links!

Cheers,
Matthijs

[jade]

You’re most welcome, Matthijs.