# Showing parent category label and sub-category label

**URL:** <https://meta.discourse.org/t/showing-parent-category-label-and-sub-category-label/41746>\
**Category:** Development\
**Created:** [2016 年 3 月 30 日午前 6:28 UTC](https://meta.discourse.org/t/showing-parent-category-label-and-sub-category-label/41746 "2016-03-30T06:28:41Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2016 年 3 月 31 日午前 5:20 UTC](https://meta.discourse.org/t/showing-parent-category-label-and-sub-category-label/41746/4 "2016-03-31T05:20:02Z")

</div>

There is CSS that you could try though not exactly what you’re hoping for. eg.

```plaintext
<a class="badge-wrapper box"
 href="/community/c/python-perl-and-golang/python">
 <span class="badge-category-parent-bg"
  style="background-color: #A45BC7;"></span>
 <span class="badge-category-bg"
  style="background-color: #1a69ca;"></span>
 <span style="color: #FFFFFF;"
  data-drop-close="true"
  class="badge-category clear-badge" title="Discussion about the popular interpreted language for web, scientific and mathematical programming, based on the &quot;One Obvious Way To Do It&quot; philosophy.">Python</span>
</a>

```

If you change the “5px” values for badge-category-bg from

```plaintext
left: 5px; 
width: calc(100% - 5px);

```

to 10 px you get a side stripe twice as wide

---

_[View the full topic](https://meta.discourse.org/t/showing-parent-category-label-and-sub-category-label/41746)._