Changing the colour of stars reviews in theme

[tboudier]

Hi,

I would like to change the colour of the stars reviews for a green colour. I found in the CSS file theme.css the following code:

.spr-icon {
color: var(--product-review-star-color);
}

So I tried to replace this code by this one but it does not work:

.spr-icon { fill: #006400; }

Can somebody help me?

Many thanks

[Moeed]

Hey @tboudier 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[tboudier]

Hi Moeed,

Thank you for your help!

Sure, here it is: https://bangkokfirstaid.com/

There is no password and it concerns the carrousel section.

[syedsumaimaly]

Hi @tboudier 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

span.jdgm-star.jdgm--on {
    color: red;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[tboudier]

Hi Syedsumaimaly,

Thank you for your help.

I did it and unfortunately it did not work.

https://bangkokfirstaid.com/

Maybe I did something wrong? I attached a screenshot.

[syedsumaimaly · Accepted solution]

@tboudier Try this code..

{% style %}
span.jdgm-star.jdgm--on {
    color: red;
}
{% endstyle %}

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[tboudier]

@syedsumaimaly 

Thank you so much it works perfectly!

Have a great day!