Изменить цвет звездочки на витрине магазина Woocommerce для блоков продуктов

#css #wordpress #woocommerce #colors #review

#css #wordpress #woocommerce #Цвет #обзор

Вопрос:

Я использую следующий код для изменения цвета звездочек на страницах продуктов, магазинов и результатов поиска в моем магазине Woocommerce Storefront:

 .star-rating span:before,
.star-rating:before {
    color: #ffffff;
} 

Однако, когда я добавляю блоки продуктов (бестселлеры, новые релизы и т. Д.) На Свои страницы, звездочки отображаются черным цветом по умолчанию. Как мне изменить это на пользовательский цвет?

Ответ №1:

Вы можете фильтровать css по .wc-block-grid__product классу:

 .wc-block-grid__product .star-rating span:before,
.star-rating:before {
    color: #ffffff;
}