Как обратиться к классу и изменить цвет иконки?

Question

[vadimshashkin]

Как обратиться к классу и изменить цвет иконки?

Answer 1

[Роман Дворянов]

.nm-pa-color-biege {
  color: tomato;
}

Comments

[vadimshashkin]

Не работает

[Роман Дворянов]

vadimshashkin, зависит от того как реализована иконка, если через фон, то

.nm-pa-color-biege {
  background-color: tomato;
}

Но у вас там в инлайне стили перебивают, специфичность css, все дела

А в целом вы мне тот же скрин скинули, что и в вопросе. а зачем? Что он должен был мне показать?

[Роман Дворянов]

Все эта ситуация выглядит как гадание по фотографии, я не медиум, я всего лишь разработчик, скиньте пример кода который у вас есть и что конкретно с ним не получается

[vadimshashkin]

y@Raxen, но и также ничего не меняется

[vadimshashkin]

Кода то нет, не вижу как изменить цвет у атрибутов color wordpress, попробовал через дополнительные стили, и как видите не получается

[Роман Дворянов]

vadimshashkin, в этой черной панельке слева на скриншоте, есть такой раздел как Styles, там можно потыкать и посмотреть что меняется, потому что из всех входящих данных у меня есть только скриншот элемента с классом, а как именно реализован кружек и какие стили его перебивают - мне приходится додумывать, хотя от этого зависит ответ на ваш вопрос.

Ваша проблема решается так -

[Роман Дворянов]

vadimshashkin, к тому же, я понятия не имею как конкретно в вашей теме на сайте подключаются дополнительные стили, в каком порядке, если они идут раньше, чем стили этик иконок, то вы не перебьете через обычный класс, если у вас где-то навешивается цвет в html, вы не сможете его перебить обычным классом, без использования !important, который использовать в принципе не рекомендовано

[Роман Дворянов]

vadimshashkin, как это кода нет? У вас же есть сайт, значит есть и код, на скрине выше же код в инструментах разработчика, где явно указано, что в styles этого элемента кто-то захардкодил стили инлайном background: #0c0c0c; если это были не вы, то вам нужно использовать !important, если в самом содержимом этого класса, он еще не использован

Answer 2

[Иван Доброславин]

Вообще, хорошо бы это делать стилями типо вот так

ul.woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item wc-layered-nav-term a i {тут стиль}

Но, т.к. задан он в html через style, скорее всего в плагине WooCommerce нужно смотреть, где это прописано.

В таких случаях я делаю так: устанавливаю NodePad++, скачиваю на ПК файлы плагина и в них ищу нужное значение. В вашем случае "background:#c0c0c0" для первой серой точки.
Дальше заменяете на своё значение и заливаете обратно на хостинг.
Не забудьте сделать копию файлов! :)