Spotlight theme - change stars colour on featured collection

[MrInappropriate]

Hello people,

I have the Spotlight theme and would like to change the colour of the stars on the Featured Collection on the homepage, and also the Product Grid on the collections page.

I have tried various options but nothing that works.

I would rally appreciate a solution for this, thank you so much!

This is my website: https://mrinappropriate.co.uk/ (NSFW)

Cheers,

Dan

[LuffyOnePiece]

Hi @MrInappropriate ,

Add below css to the base.css file.

.rating-star:before {
    background: linear-gradient(90deg, yellow var(--percent), rgba(var(--color-foreground), .15) var(--percent));
}

Please don’t hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[MrInappropriate]

This is great, thank you, but it sets the background to yellow.
What I need is to set the actual stars to that this colour and leave the background as it is, do you know how I can do that?

Thank you!