FROM CACHE - en_header

Change Star Colour

salni
New Member
4 0 0

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

 

E481126E-084C-4A44-9765-9992072115B5.jpeg

 

DECC8418-9949-495D-9FC6-92D84092000B.jpeg

Replies 6 (6)
Zworthkey
Shopify Partner
5581 642 1530

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

Thank you

salni
New Member
4 0 0
Zworthkey
Shopify Partner
5581 642 1530
<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
New Member
4 0 0

Thank you, where do I add the code to?

Zworthkey
Shopify Partner
5581 642 1530

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
New Member
4 0 0

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

Screenshot 2022-01-05 at 3.25.45 PM.png