Customize Car Ribbons

You can customize the colors and shapes of the status tag ribbons and also add new ones in your own admin.

To do this go to Appearance > Customize > Additional CSS and add:

Change the words, Used, New, Sale, Reduced, Sold, Sale and None for your own words and change the background colors to your desired colors. Write your new car conditions on the car listing with the same words that you use din the new css and the ribbons will reflect the new wording and colors.

 .status-tag.Used, .result-car.status-tag.Used{ 
background:rgba(255, 138, 0, 0.96)!important;
color: #fff!important;
}
.status-tag.New{ 
background:rgba(0, 180, 255, 0.96)!important;
color: #fff!important;
}
.status-tag.Sale{ 
background:rgba(255, 0, 0, 0.96)!important;
color: #fff!important;
}
.status-tag.Sold{ 
background:rgba(184, 6, 6, 0.96)!important;
color: #fff!important;
}
.status-tag.Reduced{ 
background:rgba(75, 178, 0, 0.96)!important;
color: #fff!important;
}
.status-tag.None{ 
box-shadow: none!important;
font-size:0!important;
background: none!important;
}

Still need help? Contact Us Contact Us