Acabado: Modify Rating Star Color

by Josh Koop | Last Updated:  August 9, 2020
Apply to Ezoic Surfer SEO 7 Day Trial Brave Browser
Pro Blogger Income is owned and operated by ProBloggerIncome.com. Pro Blogger Income is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Pro Blogger Income also participates in affiliate programs with Avantlink, Clickbank, CJ, ShareASale, and other sites. Pro Blogger Income is compensated for referring traffic and business to these companies.

The default stars with Acabado are in jet black, while this works many would like to have gold stars or use a color scheme which matches their site scheme.

x
[ Acabado Modify Rating Star Color ] video

This uses a Custom CSS to override the default black value given to stars which will allow you to have them show as gold (whats in the code below) or you can replace the color code with a color which matches your website scheme!

div.star-rating .star {
     color: #d4af37;
}

If you wanted to target only a specific post id you could change this value on any one specific review by using the below and replacing the (postid-xxx) value.

.postid-902 div.star-rating .star {
     color: #d4af37;
}

Hopefully this helps people to start customizing their review sections to make their website stand out! Please leave a note if this helps or share it, as always a donation is awesome but never required!

I love technology, I have plenty of technical side experience but never really thought of blogging as a way to earn an income. With everything that has gone on in the last couple years and the instability of the job markets I started to learn how to blog and build affiliate niche sites to add more income channels to give me the chance to break free from the financial chains that bind me and find real freedom!