Impossible de changer la couleur au passage de la souris d'un menu dans la PA

[Félina13]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 29/09/2021
Lien du forum : http://feli.forumactif.org/

Description du problème

Bonjour,

Suite à un changement de page d'accueil depuis hier, j'ai remarqué que je n'arrive pas (et pourtant je me penche sur la question) à changer, au passage de la souris, les couleurs et fond de couleur de menu et retirer aussi le soulignement lors de ce passage (de la souris).

En fait, sans passage de la souris, tout est ok : fond et couleur du texte, y'a rien à redire.
Mais au passage de la souris, j'aimerai faire l'inversion de couleur : encadrement blanc sur texte avec mon choix de couleur comme mis sur la capture d'écran.

Il me semble bien que c'est quelque part dans mon code CSS suivant que je dois faire la modification souhaitée.

Code:

.navig_accueil_ls1 {
  width: 180px;
  height: 145px;
  background: #eeeeee;
  margin-top: 8px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 5px;
 }

.navig_accueil_ls1 > a {
  display: block;
  width: 160px;
  height: 18px;
  background: var(--color-background-black);
  margin: auto;
  color: white; /*var(--color-background-red);*/
  text-decoration: none;
  text-transform: uppercase;
  font: 11px arial;
  font-weight: bold;
  margin-bottom: 3px;
  line-height: 19px;
}

.navig_accueil_ls1 a:nth-of-type(2n+1) {
  background: var(--color-background-black); /*#248A87*/
  color: white;
}

Si quelqu'un peut m'aider, je vous en remercie !
A très vite

[Toryudo]

Bonjour !

Vous avez juste besoin de rajouter les lignes suivantes :

Code:

.navig_accueil_ls1 > a:hover {
    background: white;
    color: var(--color-background-black);
    text-decoration: none !important;
}

PS : dans votre cas, le CSS correspondant à .navig_accueil_ls1 a:nth-of-type(2n+1) ne sert à rien, vous pouvez retirer les lignes 28 à 31 de votre exemple.

[Félina13]

Ah super ! Moi qui pensait ajouter et non "modifier". un grand merci, ça fonctionne !