Tag Icons

I have had the issue for a while: the tag icon is displayed in bigger size in header tag icons in topic view:

screenshot from tc’s preview:

1 Like

Core has a rule that increases specifically the house icon:

image

You can overwrite it like:

.d-header .discourse-tags .d-icon-house {
    font-size: var(--font-0);
}
5 Likes

Oh, interesting. I believe the core rule is there when the house icon is used as the site logo. We could update core to increase the specificity and target the logo icon, thus leaving the tag/category icons alone.

5 Likes

I noticed that there are 2 places where the icons don’t show: the dropdown and in the tag banner

@Arkshine @pmusaraj FYI we just reproduced the same issue in search modal. But your CSS workaround fixed it, too :heart:

1 Like

for some reason this override CSS wasn’t sufficient since 3.6.0.beta1

I adjusted it to the following and it did the trick:

.d-header .search-result-tag .d-icon-house {
    font-size: var(--font-0);
}
2 Likes

Can you please add option to set default tag icon for all tags that do not have a specific icon?

Also, would be great to have integration with Tag Banners

3 Likes

That’s a nice idea, Hyteller! I’m not a programmer so don’t have that power, but if you suggest it in a new Feature topic we could discuss what that might look like and it might be considered by the team. Would be nice if you could provide some more detail from your end about why you think it is a good idea.

Personally I’d love to see tag icons be included in core discourse instead of having to be added as a theme component.

Welcome to our community! :sunflower:

3 Likes

After today’s update, the forum homepage layout is messy:

It seems this component is broken. It shows up on the sidebar, but does not show up on posts. Perhaps I am missing something.

image

It seems to work fine on this topic
Screenshot_20260303_231615_Firefox
I cannot spot the tag from your first screenshot in your sidebar screenshot. Can you share the configuration of the theme component for the “Itaa” tag?

Figured it out. It conflicts with the “Remove dashes from tags” component.
Edit 2: The issue still does not change the color, but the icon does appear now.
I have a lot of tags, which is why they are not all visible.

I tried on different themes, and between the different tag styles available for use. I even disabled other components just to be sure.

1 Like