WooCommerce – Change ratings star color?

  • Skoad

    (@skoad)


    11 years ago

    How can I go about changing the color of the rating stars? They appear white but when mouse over or viewing previous reviews, they are gray. Ive dug around and tried to edit some things but nothing seems to make a difference. I found the star.png in /wp-content/plugins/woocommerce/assets/images which shows the exact colors of the stars im seeing. I edited the color of the image so the two gray stars are now the color I want. I replaced the current star.png with the one I just changed and still nothing. Same ol gray stars.

    All help is greatly appreciated.

    – Using latest version of woocommerce and wordpress.

Viewing 1 replies (of 1 total)

  • hello Skoad, first copy the woocommerce.css in your theme folder, then go in you functions.php and paste this code
    <?php
    wp_enqueue_style(‘woocommerce_css’, get_template_directory_uri() .’/css/woocommerce.css’);
    ?>
    after you done those two things open the woocommerce.css file and search for .woocommerce .star-rating, .woocommerce-page .star-rating it should be line 833, add the color of your choice by using this code
    color:#6fbd45 !important;
    and thats it.

Viewing 1 replies (of 1 total)
  • The topic ‘WooCommerce – Change ratings star color?’ is closed to new replies.