Skip to main content
Asked a question 9 months ago

How can I change the color of the badge using CSS?

Where am I?

In Tribe you can ask and answer questions and share your experience with others!

Eli Tribe TEAM
Customer Support Manager at Tribe

Hi Daniel. Currently there are 3 colors for badges: Gold, Silver, Bronze. However, using CSS code, you can say like for all the "Gold" badges, change the color to Blue. The CSS code that you can use is:


.text-badge.text-badge-gold {
background: #317AE2;

You can also change the color for the silver badges and the bronze badge as an example below:

.text-badge.text-badge-silver {
background: #721EA9;

.text-badge.text-badge-bronze {
background: #FFCC00;


Color codes (#317AE2, #721EA9, #FFCC00) used in the codes above are examples and you need to replace it with your desire color code.