# Changing tag bullet color

**URL:** https://meta.discourse.org/t/changing-tag-bullet-color/94271
**Category:** Support
**Created:** [August 9, 2018, 2:32am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271 "2018-08-09T02:32:48Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [August 9, 2018, 2:32am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/1 "2018-08-09T02:32:48Z")

</div>

I’ve searched through every CSS element I could find through the console and I tried my best to change colors and wraps but I cannot find a way to change the color of the _ **tag bullet & icon** _. Whenever the scroll-down header animation initiates, the tag color goes from visible to hardly visible. Is this even possible to do via CSS?

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/1/b18151f1dd280d430d6326c6a77178b1b70f0c50.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: [August 9, 2018, 2:45am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/2 "2018-08-09T02:45:06Z")

</div>

You need to look at `before` and `after` pseudo selectors too

![35%20PM](https://global.discourse-cdn.com/meta/optimized/3X/7/f/7fa35e66ff2e8947e1998d739d9e86eb4e3acf89_2_690x58.png)

So in this case you need to add

```plaintext
.discourse-tag.bullet:before {
   color: $header_primary;
} 

```

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [August 9, 2018, 3:24am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/3 "2018-08-09T03:24:42Z")

</div>

Oh wow, the more you learn! ✨

Now that fix definitely makes the tags visible on the scroll-down header, but then what happens is the tags _before_ the scroll-down (so normal, start of the topic) get practically invisible. I tried playing with `.discourse-tag.bullet:after` but no luck.

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/0/309bb53758da33eb3c48307e99f45ae80b2837aa.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: [August 9, 2018, 3:32am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/4 "2018-08-09T03:32:37Z")

</div>

Right, so you want to be more specific

```plaintext
.d-header {
  .discourse-tag.bullet:before {
     color: $header_primary; 
  }
} 

```

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [August 9, 2018, 4:06am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/5 "2018-08-09T04:06:12Z")

</div>

Wow CSS never fails to impress me with the amount of possibilities. I really appreciate your support @awesomerobot, you continue to motivate me to fully learn CSS 😄

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [September 8, 2018, 4:06am UTC](https://meta.discourse.org/t/changing-tag-bullet-color/94271/6 "2018-09-08T04:06:33Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.