The company I currently work for capitalizes its name in a unique way (capital in the middle). On our Discourse site, we have a tag that we’d like to use the same capitalization. I understand Discourse lowercases all tags in the back-end, which is perfectly fine. I’m hoping to use JS or CSS to ch…

Added two more rules to fix some lingering formatting issues - now the grey background exists for the tag filter, and the tag is properly aligned in the dropdown: [изображение] .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: …

If it works, that should get all instances as you are hitting the tag name class directly which isn’t targetting a specific location.

And it doesn’t work… It works for tags in the topic list and in a single topic view, but it breaks on the specific /tags page…I’m back to searching for a solution.

Can you screenshot where it doesn’t work? .tag-bears { visibility: hidden; position: relative; } .tag-bears:after { visibility: visible; position: absolute; top: 0; left: 0; content: "bEars"; } The above works for me. Tags page [изображение] Tags drop down on Latest [изображение] To…

Sorry for the delay, was travelling last night. Here are two examples where it’s not working. The first is the issue I mentioned yesterday. The second is another I noticed today. mysite.com/tags/tag_name [изображение] A topic with multiple tags (that should be bEars between feedback and quest…

To solve the first one, we need to exclude situations where it has the tag class name and the tag-drop class name, so the CSS becomes .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: visible; position: absolute; top: 0; left:…

To solve the second one, you need two more rules. .list-tags, .discourse-tag.tag-bears:not(.tag-drop):after { content: "bEars, " !important; } .list-tags, .discourse-tag.tag-bears:not(.tag-drop) { margin-right: .5em; } One that says, hey, overwrite the existing :after rule for adding the comma …

Thanks @cpradio , we’ve surpassed my CSS knowledge at this point. To confirm I want 4 CSS rules now? Edit: Assuming I need all four, this still isn’t working…now there’s a comma added regardless of the tags place in the list: [изображение]

[изображение] jomaxro: To confirm I want 4 CSS rules now? Yes. Try this to resolve the comma .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: visible; position: absolute; top: 0; left: 0; content: "bEars"; } .discou…

Capitalize a tag in the UI

Поддержка

jomaxro (Joshua Rosenfeld) 22.Февраль.2017 15:50:21 10

Awesome, thanks @cpradio! I’m learning more and more about CSS each time we chat, thank you so much!

Тема		Ответов	Просм.
CSS classes for tags Support	4	1904	01.03.2017
Capitalizing Tag names in Tag Banners UX tag-banners	3	380	10.08.2022
Add tags with capital letters Feature completed , tags	4	1754	07.09.2025
The JS code stops working when the page is refreshed Development	14	535	01.05.2024
Feature request: tag styling addition Feature	2	1220	10.08.2017

Capitalize a tag in the UI

Связанные темы