Include Emojis In Category Names

Product Support

AI-generated summary

The discussion revolves around Include Emojis In Category Names. Tyson initiated the conversation, wondering if it’s possible to display emojis in category names. sam suggested using CSS customization to achieve this. However, schungx pointed out that it might not be feasible inside drop-downs and category lists.

Johani offered a workaround by using the category’s URL as a guideline and provided a rough CSS example to replace the default category color marker with a font awesome icon. This solution needs a lot more refinement, but it’s a possible approach.

Tyson found this solution acceptable for now, and anderer shared their experience of successfully copy-pasting a red heart emoji into the category name field, indicating that Discourse accepts emojis in category names.

1

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

:loudspeaker: Announcements

:desktop_computer: Tech Support

2

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

3

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

4

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:

add icon to category
add icon to category891×585 61.8 KB

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"

5

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

6

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