Change Star Colour

[salni]

I’ve changed the colour through the Shopify review app and it’s updated on the product page but not the collections or homepage.

im using the Dawn 2.0 theme. Trying to change from black to green

 

 

[Zworthkey]

Kindly Share your Store URL.
So that I can help you.

Thank you

[salni]

www.salni.co.uk

[Zworthkey]

<div class="spr-stars">
  <span role="img" aria-label="5.0 out of 5 stars">
    
      
       
        <svg aria-hidden="true" focusable="false" role="presentation" class="spr-star" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
          <path fill="#03ac3c" d="M512,197.816L325.961 185.585 255.898 9.569 185.835 185.585 0 197.816 142.534 318.842 95.762 502.431 255.898 401.21 416.035 502.431 369.263 318.842z"></path>
        </svg>
      
    
      
       
        <svg aria-hidden="true" focusable="false" role="presentation" class="spr-star" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
          <path fill="#03ac3c" d="M512,197.816L325.961 185.585 255.898 9.569 185.835 185.585 0 197.816 142.534 318.842 95.762 502.431 255.898 401.21 416.035 502.431 369.263 318.842z"></path>
        </svg>
      
    
      
       
        <svg aria-hidden="true" focusable="false" role="presentation" class="spr-star" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
          <path fill="#03ac3c" d="M512,197.816L325.961 185.585 255.898 9.569 185.835 185.585 0 197.816 142.534 318.842 95.762 502.431 255.898 401.21 416.035 502.431 369.263 318.842z"></path>
        </svg>
      
    
      
       
        <svg aria-hidden="true" focusable="false" role="presentation" class="spr-star" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
          <path fill="#03ac3c" d="M512,197.816L325.961 185.585 255.898 9.569 185.835 185.585 0 197.816 142.534 318.842 95.762 502.431 255.898 401.21 416.035 502.431 369.263 318.842z"></path>
        </svg>
      
    
      
       
        <svg aria-hidden="true" focusable="false" role="presentation" class="spr-star" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
          <path fill="#03ac3c" d="M512,197.816L325.961 185.585 255.898 9.569 185.835 185.585 0 197.816 142.534 318.842 95.762 502.431 255.898 401.21 416.035 502.431 369.263 318.842z"></path>
        </svg>
      
    
  </span>
</div>

Add this code and find the Start rating class and replace with this code.

[salni]

Thank you, where do I add the code to?

[Zworthkey]

find and search the black star rating in the collection.template.liquid file. and then paste their code.

If you don't know how to add it.
Then you have to provide me the staff / collaboration access to add this code. and i can help you to add it.

Thank you.

[salni]

there doesn't seem to be a collection.template.liquid file only these ones