krista-m
8/21/2018 - 5:41 PM

WooCommerce hearts instead of stars

Show hearts instead of stars for WooCommerce ratings

.woocommerce p.stars a:before {font-family: 'FontAwesome'; content: '\f08a' !important;}
.woocommerce p.stars:hover a:before {font-family: 'FontAwesome'; content: '\f08a' !important;}
.woocommerce p.stars a:hover~a:before {font-family: 'FontAwesome'; content: '\f08a' !important;}
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars.selected a.active::before {
	content: '\f004' !important;
}
.woocommerce p.stars.selected a.active~a::before {
	content: '\f08a' !important;
}