Изменить цвет фона при наведении для кнопок с классом nav

[patrickemin]

Привет, наткнулся на это обсуждение:

Button color changes

[34%20PM][01%20PM]Hello all, how do you change the orange default button color? I’ve changed it to the desired hex color in Settings>Customize>Colors but the buttons remain the default orange.

Пытался адаптировать это под свой случай: как изменить цвет фона кнопок навигации при наведении (а не когда они активны). Моих скромных знаний CSS оказалось недостаточно… Буду признателен за помощь

[awesomerobot (Kris)]

Эта тема устарела, поэтому я собираюсь её архивировать…

Если вы хотите изменить цвет при наведении для этих кнопок фильтрации над списком тем:

вы можете это сделать, так как мы используем некоторые переменные:

:root {
  --d-nav-bg-color--hover: #fab1ed; 
}

Существует целый набор переменных для этого навигационного меню, которые можно редактировать таким же образом:

@awesomerobot

:root {
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
}

Для общего ознакомления: Making custom CSS changes on your site

[patrickemin]

Огромное спасибо @awesomerobot! Но я добавил это в свой пользовательский CSS, и никаких изменений не видно. Я также попробовал «фиксированный» цвет — результат тот же, никакого эффекта.

:root {
  --d-nav-bg-color--hover: var(--quaternary); 
}

[Vaping_Community]

Вы можете попробовать

:root {
  --d-nav-bg-color--hover: var(--quaternary) !important;
}

[patrickemin]

@Vaping_Community

!important;

Нет, всё ещё никаких изменений, это странно.

[Vaping_Community]

Вы создали компонент темы, чтобы добавить туда CSS?

[patrickemin]

Да, мой другой CSS-код работает:

[Vaping_Community]

Я никогда не использовал :root, я всегда использовал имена классов. Теперь мне нужно в этом разобраться

[Vaping_Community]

У меня сработало.. без !important

[patrickemin]

Как ты это сделал?

[Vaping_Community]

То же самое у меня… Это ничего не изменило в верхней части «Последнего», но изменило пункты меню администратора и пункты меню предпочтений пользователя

[patrickemin]

Окей, в моём случае никаких изменений на любом из них не видно.

[Vaping_Community]

Это может показаться глупым, но вы нажимаете «Сохранить»?

[patrickemin]

Да, я сделал это

[patrickemin]

Это не обязательно, давай подождём, пока кто-то другой попробует… @Стивен, если ты сможешь это сделать, так как ты админ на моём сайте…

[Firepup650 (Firepup Sixfifty)]

Чтобы убедиться, у вас применён компонент темы с изменениями к используемой вами теме, верно?

[patrickemin]

Да, и у меня только одна тема.

[Firepup650 (Firepup Sixfifty)]

Если попробовать обновить кэш (Ctrl/Cmd+Shift+R), это случайно поможет ему появиться?

[patrickemin]

Никаких изменений.

[patrickemin]

Хорошо, так как у меня есть ещё два сайта на Discourse, я протестировал это на одном из них, и оно… сработало!
Теперь на моём сайте dessein-tech.com что-то мешает работе этого модуля.

Я по одному отключал все компоненты, но безрезультатно.