Changing tag bullet color


(James) #1

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?


(Kris) #2

You need to look at before and after pseudo selectors too

So in this case you need to add

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

(James) #3

Oh wow, the more you learn! :sparkles:

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.


(Kris) #4

Right, so you want to be more specific

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

(James) #5

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 :smile:


(system) #6

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