Alterar a cor de fundo ao passar o mouse para botões com a classe nav

[patrickemin]

Olá, encontrei esta discussão:

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.

Tentei adaptar ao meu caso, que é como alterar a cor de fundo dos botões de navegação ao passar o mouse sobre eles (não quando estão ativos). Meu conhecimento limitado de CSS não foi suficiente… Ajuda apreciada

[awesomerobot (Kris)]

Esse tópico está desatualizado, então vou arquivá-lo…

Se você quiser alterar a cor ao passar o mouse sobre esses botões de filtro acima da lista de tópicos:

Você pode fazer isso, pois usamos algumas variáveis:

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

Há um conjunto completo de variáveis para esta navegação que podem ser editadas da mesma forma:

@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;
}

Para referência geral: Making custom CSS changes on your site

[patrickemin]

Muito obrigado @awesomerobot! Mas adicionei isso ao meu CCS personalizado, nenhuma alteração é visível. Tentei uma cor “fixa” também, o mesmo, nenhum efeito.

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

[Vaping_Community]

Você poderia tentar

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

[patrickemin]

@Vaping_Community

!important;

Não, ainda sem alteração, isso é estranho.

[Vaping_Community]

Você criou um componente de tema para adicionar o CSS?

[patrickemin]

Sim, meu outro código CSS está funcionando:

[Vaping_Community]

Eu nunca usei :root, sempre usei os nomes das classes, terei que dar uma olhada nisso agora :olhos:

[Vaping_Community]

Funcionou para mim.. sem !important

[patrickemin]

Como você fez isso?

[Vaping_Community]

O mesmo que você.. não mudou nada no topo do mais recente, mudou itens do menu de administração e itens do menu de preferência do usuário

[patrickemin]

Ok, no meu caso nenhuma alteração visível em nenhum deles.

[Vaping_Community]

Isso pode ser bobo, mas você está clicando em salvar?

[patrickemin]

Sim, eu fiz

[patrickemin]

Não é essencial, vamos esperar que outra pessoa tente… @Steven, se você puder tentar isso, já que é administrador do meu site…

[Firepup650 (Firepup Sixfifty)]

Só para ter certeza, você tem o componente de tema com a alteração aplicada ao tema que você está usando, certo?

[patrickemin]

Sim, e eu tenho apenas um tema.

[Firepup650 (Firepup Sixfifty)]

Se você tentar uma atualização de cache (Ctrl/Cmd+Shift+R), por acaso isso faz com que ele apareça?

[patrickemin]

Sem alteração.

[patrickemin]

Ok, então, como tenho outros dois sites do Discourse, testei isso em outro e… funcionou!
Agora há algo no meu site dessein-tech.com que interfere nesse mod.

Desativei todos os componentes um por um, sem sucesso.