Is there a way to change tracking icons? [afbeelding] I’d like to try using loud-speaker as a base for all 4 icons. The circle makes little sense and I notice that my users never click there and don’t know what is that for. I think a different icon would bring their attention. [afbeelding]

I’d be tempted to put a picture of a letter on Watching, since that’s what we use to indicate “yes, you’ll get emailed on this category/topic” now that I think about it… there’s nothing really alarming to indicate a ! in the first place.

Add this to your custom CSS: .icon.fa.fa-circle.tracking::before { content: "\f0a1"; } That’s just the icon though. You could add a color, background color and radius to make a circle if you’re feeling fancy.

[afbeelding] Tom_Newsom: f0a1 And so for the envelope I want, I’ll use f003 I see that these can be looked up on FontAwesome: http://fortawesome.github.io/Font-Awesome/icon/envelope-o/ and snag the Unicode identifier. Thanks so much @Tom_Newsom

So, my completed set is: .icon.fa.fa-circle.tracking::before { content: "\f075"; } .fa.fa-circle.tracking::before { content: "\f075"; } .icon.fa.fa-exclamation-circle.watching::before { content: "\f003"; } .fa.fa-exclamation-circle.watching::before { content: "\f003"; } This leaves me with envelo…

[afbeelding] watchmanmonitor: I don’t know how to put a blue circle around the envelope, but I think this is a great improvement over the Exclamation point. It’s called “stacking” http://fortawesome.github.io/Font-Awesome/examples/ <span class="fa-stack"> <i class="fa fa-envelope fa-stack…

Wow, font awesome really is, well, awesome :smile:

Could anyone indulge me with the syntax of getting a stacked icon to instead of the normal icon? Circle-thin is a thing in Font-Awesome 4.1, and I’d love to put that around all the iconf for uniformity. <span class="fa-stack"> <i class="fa fa-envelope fa-stack-1x"></i> <i class="fa fa-circle-t…

Changing an icon globally is very simple using APIs [afbeelding] Change icons globally Developer Guides This is an easy way to change a Discourse icon globally. Right click on the icon you want to change and select “Inspect element” or “Inspect” (depends on the browser)…

How to change notification level icons?

Ondersteuning

dax (Daniela) 18 mei 2018 om 10:59 9

Changing an icon globally is very simple using APIs

Topic		Antwoorden	Weergaven
Change icons globally Developer Guides how-to	26	9684	5 oktober 2025
I can't change the notification icons Development	6	859	30 januari 2023
Font Awesome in text Support	1	115	20 januari 2025
How can change share link icon Support	3	1639	18 mei 2018
Change sharing icon on posts UX	5	2221	18 mei 2018

How to change notification level icons?

Gerelateerde topics