Discussion :

[laurentSc]

Bonjour,
je suis sur un site Wordpress où les couleurs par défaut du thème pour le menu sont fond noir et texte blanc.

Je souhaite faire l'inverse.

Avec l'inspecteur, j'ai vu que l'identifiant du header est masthead.(<header id="masthead"...>)
J'ai donc rajouté cette règle CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#masthead{
	color:black;
	background-color:white;
}

Mais résultat, le fond passe bien blanc mais le texte reste blanc.
Je n'ai pas trouvé le fichier du thème qui contient cette ligne de code. Comment faire, SVP ?

[Doksuri]

en inspectant l'element tu peux cliquer sur "computed style" (la ou il y a tous les styles), ca permet de savoir quel style "final" est applique a l'element, en cliquant sur ce qui t'interesse (color par exemple), ca t'emenera dans le selecteur css qui applique le style en question

[laurentSc]

Merci pour ta réponse.
J'avais obtenu une solution ici : https://wpfr.net/support/sujet/inver...leurs-du-menu/ mais n'avais pas mis sur cette discussion...(celui qui m'a répondu sur WPFR s'y connait bien). Je vais mettre .
Par contre, je regarde quand même si j'aurais pu utiliser ta réponse. Tu es en anglais alors que je suis en français donc je dois chercher ce qui correspond. Quand je sélectionne l'inspecteur, j'ai 3 fenêtres (sans titre) : une grande à gauche avec le code html de la page, une seconde avec des styles, et une 3e à droite avec 6 onglets : Mise en page, Calculé, Modification, Compatibilité, Polices, Animations. Je pense que computed style correspond à Calculé. Dans la fenêtre de gauche (le code html de la page), je vais sur l'élément qui m'intéresse, par exemple un élément du menu ; le contenu de la page Calculé se réactualise en fonction de l'élément sélectionné dans la page de gauche. Si je regarde, par exemple, color, il y a plusieurs sélecteurs CSS dont certains sont barrés ; j'ai oublié la signification des règles CSS barrées ; peux-tu me la rappeler ?

[Doksuri]

oui, pardon, je suis en anglais, c'est bien la ou tu regardes dans calcule
quand c'est barre, cela signifie que c'est du style qui a ete defini, mais qui a ete ecrase par un autre style (et qui donc... n'est pas applique)

je t'invite a te renseigner sur le "poids" des selecteurs css specificity.keegan.st/ & www.w3.org/TR/selectors-3/#specificity