# 将类别的符号颜色从方形更改为圆形

**URL:** <https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245>\
**Category:** UX\
**Created:** [2018年八月21日 01:36 UTC](https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245 "2018-08-21T01:36:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2018年八月21日 01:36 UTC](https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245/1 "2018-08-21T01:36:00Z")

</div>

Hello, i wanna change symbol color of category from square to circle .  
How can i do it?  
Thank

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/7/779678b9b88865c7565f40f247a2bfaa221eeeb7.png)

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2018年八月21日 01:53 UTC](https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245/2 "2018-08-21T01:53:49Z")

</div>

This will do it, but note that it won’t work for subcategories

```CSS
.badge-wrapper.bullet .badge-category-parent-bg, 
.badge-wrapper.bullet .badge-category-bg {
    border-radius: 100%;
}

```

![21%20PM](https://global.discourse-cdn.com/meta/original/3X/b/8/b85f81033cf2dff961280cbe6c1fd5c27dbfaf29.png)

So you might want to also hide the parent category badge and only show the subcategory, like this

```CSS
.badge-wrapper.bullet {
  span.badge-category-parent-bg {
    display: none;
  }
  span.badge-category-parent-bg + .badge-category-bg {
    width: 9px;
  }
}

```

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2018年八月21日 03:22 UTC](https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245/3 "2018-08-21T03:22:26Z")

</div>

Success full for me, thank @awesomerobot

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2019年四月26日 07:10 UTC](https://meta.discourse.org/t/change-symbol-color-of-category-from-square-to-circle/95245/4 "2019-04-26T07:10:50Z")

</div>

Can we build it become theme component and get this grom githup, everyone can user it profesional more