How to change the position of star ratings for Woocommerce

Question

How can I reposition the star ratings on my archive and category pages? I would like to starts to be seen under the price, rather than in between the buy it now and price.

I've tried unhooking and floating left, but it doesn't seem to work. See my code below and here is a link to my site. Thank you!!

Functions.php:

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 15 );

Style.css

.star-rating span
{
float: left;
}

Answer 1

Try this:

.star-rating {
position: absolute!important;
margin-left: 25px!important;
bottom: 0px;
}