¿Cómo cambio las calificaciones de revisión de S en WooCommerce?

¿Cómo cambio la imagen de las calificaciones de revisión en WooCommerce de la 'S' actual a las imágenes de estrellas reales?
Después de una buena búsqueda en Google, he intentado esto:Reemplazar clasificaciones de tema con estrellas de WooCommerce
Pero no funciona. Simplemente cambia los S a cajas pequeñas.

CSS actual:

.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
}

Respuestas a la pregunta(1)

Su respuesta a la pregunta