Comment puis-je changer la couleur du texte et de l’arrière-plan au survol du menu d’en-tête ?
Je ne suis pas doué en CSS ?
Le code et l’endroit où le déposer seraient utiles, merci !
Salut @rickwatson, voici du code pour t’aider. Tu devras mettre à jour les valeurs de couleur/couleur d’arrière-plan pour qu’elles correspondent à ce que tu souhaites. Les placer dans l’onglet common.css devrait fonctionner.
Couleur d’arrière-plan du menu d’en-tête :
.b-header {
background-color: var(--tertiary);
}
Liens
.b-header .nav-pills li a {
color: var(--secondary);
}
Liens (au survol)
.b-header .nav-pills li a:hover {
color: #001aff;
background-color: red;
}
Concernant les valeurs que tu peux fournir aux propriétés color et background-color, consulte ici pour plus d’informations. Tu peux entrer des codes couleur hexadécimaux, des valeurs rgba, des valeurs hsa, etc.
Cependant, il est recommandé, dans la mesure du possible, d’utiliser les variables CSS existantes afin de pouvoir maintenir des fonctionnalités comme le mode sombre.
Tu peux découvrir quelles variables existent sur ton site et à quelles couleurs elles correspondent en consultant les outils de développement de ton navigateur (
comment y accéder).
Une fois ouvert, vérifie dans l’onglet Styles les déclarations dans color_definitions.scss sur le sélecteur :root.
3 « J'aime »
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.