# Include Emojis In Category Names

**URL:** <https://meta.discourse.org/t/include-emojis-in-category-names/76892>\
**Category:** Product Support\
**Created:** [2017 年 12 月 28 日午後 6:46 UTC](https://meta.discourse.org/t/include-emojis-in-category-names/76892 "2017-12-28T18:46:22Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2017 年 12 月 29 日午後 4:33 UTC](https://meta.discourse.org/t/include-emojis-in-category-names/76892/4 "2017-12-29T16:33:55Z")

</div>

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

Here’s a very rough example:

```plaintext
[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](https://global.discourse-cdn.com/meta/original/3X/a/9/a9874a6d8c608de572991bf4f9ed092fb14fa826.PNG)

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"`

---

_[View the full topic](https://meta.discourse.org/t/include-emojis-in-category-names/76892)._