Кастом рейтинга Woocommrce

280

17 января 2018, 18:20

Здравствуйте.

На сайте с использованием Woocomerce есть возможность добавления отзывов с рейтингом(выглядит как на картинке). Как видоизменить звездочки? Я хочу чтобы их было всего пять. В каком файле это обычно выводится?

Answer 1

В настройки вашей темы (Внешний вид->Настроить) добавьте такой css:

.woocommerce p.stars a.star-1,
.woocommerce p.stars a.star-2,
.woocommerce p.stars a.star-3,
.woocommerce p.stars a.star-4,
.woocommerce p.stars a.star-5 {
    border: none;
    width: 30px;
    margin: 0;
}
.woocommerce p.stars a.star-1:after,
.woocommerce p.stars a.star-2:after,
.woocommerce p.stars a.star-3:after,
.woocommerce p.stars a.star-4:after,
.woocommerce p.stars a.star-5:after {
  content: "\f005";
}
.woocommerce p.stars a:hover~a::after {
    color: #d9e4ef;
}
.woocommerce p.stars:hover a::after {
    color: #27b399;
}