Changer la couleur de fond au survol pour les boutons de la classe nav

[patrickemin]

Salut, j’ai trouvé cette discussion :

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.

J’ai essayé de l’adapter à mon cas, qui est de savoir comment changer la couleur de fond des boutons de navigation lorsque la souris passe dessus (pas quand ils sont actifs). Mes maigres connaissances en CSS n’ont pas suffi… Aide appréciée

[awesomerobot (Kris)]

Ce sujet est obsolète, je vais donc l’archiver…

Si vous souhaitez modifier la couleur au survol de ces boutons de filtre au-dessus de la liste des sujets :

Vous pouvez le faire, car nous utilisons certaines variables :

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

Il existe tout un ensemble de variables pour cette barre de navigation qui peuvent être modifiées de la même manière :

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

Pour référence générale : Making custom CSS changes on your site

[patrickemin]

Merci beaucoup @awesomerobot ! Mais j’ai ajouté cela à mon CCS personnalisé, aucun changement n’est visible. J’ai aussi essayé une couleur « fixe », même chose, aucun effet.

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

[Vaping_Community]

Vous pourriez essayer

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

[patrickemin]

@Vaping_Community

!important;

Non, toujours aucun changement, c’est bizarre.

[Vaping_Community]

Avez-vous créé un composant de thème pour y ajouter le CSS ?

[patrickemin]

Oui, mon autre code CSS fonctionne :

[Vaping_Community]

Je n’ai jamais utilisé :root, j’ai toujours utilisé les noms de classe, je vais devoir y jeter un œil maintenant

[Vaping_Community]

Ça a fonctionné pour moi… sans !important

[patrickemin]

Comment avez-vous fait ?

[Vaping_Community]

Pareil que toi.. ça n’a rien changé au sommet du dernier cependant, ça a changé les éléments du menu admin et les éléments du menu des préférences utilisateur

[patrickemin]

Ok dans mon cas aucun changement visible sur aucun d’entre eux.

[Vaping_Community]

C’est peut-être idiot, mais cliquez-vous sur enregistrer ?

[patrickemin]

Oui, je l’ai fait

[patrickemin]

Ce n’est pas essentiel, attendons que quelqu’un d’autre essaie… @Steven si tu peux essayer ça, tu es administrateur de mon site…

[Firepup650 (Firepup Sixfifty)]

Pour être sûr, vous avez bien le composant de thème avec la modification appliquée au thème que vous utilisez, n’est-ce pas ?

[patrickemin]

Oui, et je n’ai qu’un seul thème.

[Firepup650 (Firepup Sixfifty)]

Si vous essayez un actualisation du cache (Ctrl/Cmd+Shift+R), cela le fait-il par hasard apparaître ?

[patrickemin]

Aucun changement.

[patrickemin]

Ok, donc, comme j’ai deux autres sites Discourse, j’ai testé cela sur un autre, et ça… a marché !
Maintenant, il y a quelque chose sur mon site dessein-tech.com qui interfère avec ce mod.

J’ai désactivé tous les composants un par un, sans succès.