Bei Designfragen immer einen Link angeben.
Ohne Link können wir nur raten.
.badge {font-size:2em; background-color:#006637 !important; color:#ebc700}!important überschreibt alle anderen CSS Anweisungen, die für das Element gesetzt sind... man soll eigentlich nur in Notfällen verwenden, besser ist es, wenn man spezifischeren CSS schreibt , aber da wir deinen Code nicht kennen, können wir nicht schauen wie .badge verwendet wird
was genau bewirkt das !important?
Einfache Suchmaschinenabfrage https://www.webmasterpro.de/css-property/important/
Man kann es auch über die Template-Optionen einstellen: