Acabado: Modify Rating Star Color

by Josh Koop | Last Updated: August 9, 2020
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete disclaimer information for more details.

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.

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!