Include Emojis In Category Names

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

:loudspeaker: Announcements

:desktop_computer: Tech Support

2 Likes

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

5 Likes

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

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"

9 Likes

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

1 Like

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 :heart: into the category name and found out that discourse will gladly accept it as it would probably accept also :ringer_planet: saturn