How do I change the review ratings from S's in WooCommerce?
<p>How do I change the image of the review ratings in WooCommerce from the current 'S' to actual star images? <br>
After a good Google search, i've tried this: <a href="https://support.woothemes.com/hc/en-us/articles/203103677-Replace-theme-ratings-with-WooCommerce-stars" rel="nofollow">Replace theme ratings with WooCommerce stars</a><br>
But it doesn't work. It just changes the S's to small boxes.</p>

<p>Current CSS:</p>

<pre><code>.woocommerce .star-rating {
    float:right;
    overflow:hidden;
    position:relative;
    height:1em;
    line-height:1;
    font-size:1em;
    width:5.4em;
    font-family: HelveticaNeue-Light, Helvetica Neue Light;
}
.woocommerce .star-rating:before {
    content:"\73\73\73\73\73";
    color:#d3ced2;
    float:left;
    top:0;
    left:0;
    position:absolute;
}
.woocommerce .star-rating span {
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em;
}
.woocommerce .star-rating span:before {
    content:"\53\53\53\53\53";
    top:0;
    position:absolute;
    left:0
}
</code></pre>