How do I change the star rating's color?

Loox stars are by default black but can be changed to fit the needs of your brand.

To change the color of the star icons follow the steps below:

  1. Go to the "Appearance" section of the "Display reviews" tab of your Loox settings
  2. Click inside the text field of the color picker
  3.   drag the selector to the color you want and click "OK":
  4. You can also manually insert a specific color code in the text field itself.


To change the color of the star rating's text follow the steps below:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit code"
  3. Open the template or section you use for product pages (usually it's called product.liquid or product-template.liquid, but some themes work differently)
  4. Find and delete the code below:
    <a href="#looxReviews"><div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div></a>
  5. Above the star rating's code mentioned above, paste the following code:
    <style> .loox-rating span {color:black;} </style>
    	

    Change the "black" to the color/color code you wish and this should change the color of the font of the star ratings.


If you need any further assistance, please contact our support team and we'd be happy to help!