Include Emojis In Category Names

[Tyson]

Is it possible to display emojis in Category names like this?:

Announcements

Tech Support

[sam (Sam Saffron)]

You could probably do some fancy CSS customization to achieve something similar.

[schungx (Stephen Chung)]

Probably not inside the drop-downs as the list items are not styled with classes that can distinguish different categories. Nor in category lists.

[Johani (Joe)]

One way to do this is to use the category’s url as a guideline.

Here’s a very rough example:

[href="/c/hosting"] .badge-category-bg { // remove default category color marker
    display: none !important;
}

[href="/c/hosting"] .badge-category:before { // add new font awesome icon in its place
    font-family: fontawesome;
    content: "\f1b9";
    margin-right: 5px;
}

This would result in:

I have not tested this everywhere and it needs a lot more refinement but that’s the basic idea.

The composer selecter has attributes added to category list items like data-name="hosting"

[Tyson]

This is cool. Probably the closest I can get for now. Thank you!

[anderer]

i was just looking for this - as the MD-shortcode didn’t work in the category name field - so i tried copy’n’pasting a red heart into the category name and found out that discourse will gladly accept it as it would probably accept also saturn