The way I have my category images set up it is confusing users when they see the image is clickable, so I would like to make them non-clickable, a regression from this fix I have tried this but it did not change anything .category-logo { pointer-events: none !important; }

It doesn’t work because you’re removing pointer events from the image: [Capture] While the clickable element is the tag that wraps around both the image and the title and looks like this: [Capture] Clicking anywhere in that area will take you to /c/landscapes The cleanest way to achieve the desired result is to move the image outside of the tag. so you go from this: [Capture] to this: [Capture] Then the image will not be clickable: [images] You achieve that by overriding the template Try something like this in the section of your active theme: {{category-title-before category=category}} {{#if category.read_restricted}} {{d-icon 'lock'}} {{/if}} {{dir-span category.name}} {{#if category.uploaded_logo.url}} {{cdn-img src=category.uploaded_logo.url class="category-logo"}} {{/if}} Do note that since this is a template override, you’d need to update it if any changes are made to the template in Discourse so that you don’t miss out on any newly added features.

Make the category logo image not clickable

Product Support

davidkingham (David Kingham) June 25, 2018, 2:53pm 3

That worked brilliantly, thank you!

Topic		Replies	Views
Category Logo image is not clickable UX	4	1592	December 30, 2015
Change destination of logo link Product Support	2	1385	May 19, 2020
Stick an image on a specific category page Product Support	5	1051	February 6, 2018
Show category description without category logo Feature	3	821	August 7, 2018
Show different header logo based on category? Development	5	646	April 18, 2024

Make the category logo image not clickable

Related topics