Изменение цвета наведения и активного текста в фильтре продуктов WooCommerce YITH AjaxCSS

Разбираемся в CSS
Ответить
Anonymous
 Изменение цвета наведения и активного текста в фильтре продуктов WooCommerce YITH Ajax

Сообщение Anonymous »

На моей странице есть ajax-фильтр продуктов YITH, но нет параметров стиля. Я пытался выполнить поиск в плагине CSS, но там написано, что цвет текста при наведении должен быть белым. Это не связано с настройкой кнопок. Зеленый цвет — мой акцентный цвет.
Вот страница с фильтром: 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 ... uct-filter
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»