Вот страница с фильтром: https://motoroldies.rocketdigital.se/webbutik/
Итак, как я могу изменить этот цветной текст на белый, когда он наведен или активен:

Это я нашел в CSS при проверке сайта, но не могу найти место с этим текстом, чтобы изменить его:
--yith-wcan-filters_colors_titles: rgb(8,120,10);
--yith-wcan-filters_colors_background: rgb(255,255,255);
--yith-wcan-filters_colors_accent: rgb(8,120,10);
--yith-wcan-filters_colors_accent_r: 8;
--yith-wcan-filters_colors_accent_g: 120;
--yith-wcan-filters_colors_accent_b: 10;
--yith-wcan-color_swatches_border_radius: 100%;
--yith-wcan-color_swatches_size: 30px;
--yith-wcan-labels_style_background: #FFFFFF;
--yith-wcan-labels_style_background_hover: rgb(41,113,29);
--yith-wcan-labels_style_background_active: rgb(41,113,29);
--yith-wcan-labels_style_text: #434343;
--yith-wcan-labels_style_text_hover: rgb(8,120,10);
--yith-wcan-labels_style_text_active: rgb(8,120,10);
--yith-wcan-anchors_style_text: #434343;
--yith-wcan-anchors_style_text_hover: rgb(8,120,10);
--yith-wcan-anchors_style_text_active: rgb(8,120,10);
Вот код проверки:
Попробовал пару CSS, но они не работают, так что, думаю, я не нашел правильный класс CSS:
body .yith-wcan-labels .labels-style-text-hover
{
color: #ffff !important;
}
.filter-item label
text_hover: {rgb(8,120,10);}
text_active: {rgb(8,120,10);}
.filter-content
text_hover: {rgb(8,120,10);}
text_active: {rgb(8,120,10);}
Подробнее здесь: https://stackoverflow.com/questions/786 ... oocommerce
Мобильная версия