# Making tags look like real world tags

**URL:** <https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237>\
**Category:** UX\
**Created:** [23.Октябрь.2018 07:40:38 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237 "2018-10-23T07:40:38Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![ChrisBeach](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chrisbeach/32/214628_2.png) [@ChrisBeach](https://meta.discourse.org/u/ChrisBeach)\
**Post date:** [23.Октябрь.2018 19:12:58 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/8 "2018-10-23T19:12:58Z")

</div>

Alternatively, to restyle the bullet to a tag icon:

```css
.discourse-tag.bullet::before {
  font-size: 1.0em;
  top: 0em;
  margin-right: 3px;
  content: "\f02b";
  color: #ccc;
}

```

for:

![21](https://global.discourse-cdn.com/meta/original/3X/5/e/5e39d38ff595783d5b2379a907ba4327ac3da004.png)

---

_[View the full topic](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237)._
