Répondre à : theme enfant – problème réglage couleur principale

Présentation du Kit Web du CNRS Forums Utilisation du Kit Web CNRS theme enfant – problème réglage couleur principale Répondre à : theme enfant – problème réglage couleur principale

#7957
Berthod Christophe
Participant

Bonjour,
Pour résoudre le problème de la couleur du menu secondaire (ou de tout autre problème de personnalisation de l’affichage), il est recommandé d’aller dans le menu [Apparence/CSS personnalisé]. Là il suffit d’entrer les lignes de style qu’on souhaite modifier. Par exemple :

header.site-header #site-header-menu ul li a {
padding: 10px 10px 10px 30px;
color: #ffffff;
font-weight: 500;
border-top: 2px solid ;
border-left: 2px solid ;
border-right: 2px solid ;
border-bottom: 2px solid ;
border-top-color: #b2b2b2;
border-left-color: #b2b2b2;
border-right-color: #b2b2b2;
border-bottom-color: #b2b2b2;
background-color: rgba(224, 0, 157, 0.9);
}
header.site-header #site-header-menu ul li:last-of-type a {
padding: 10px 10px 10px 30px;
color: #ffffff;
font-weight: 500;
border-top: 2px solid ;
border-left: 2px solid ;
border-right: 2px solid ;
border-bottom: 2px solid ;
border-top-color: #b2b2b2;
border-left-color: #b2b2b2;
border-right-color: #b2b2b2;
border-bottom-color: #b2b2b2;
background-color: rgba(224, 0, 157, 0.9);
}

Ceci affiche les différents niveaux du menu secondaire en lettre blanche (#ffffff) sur des cases fuchsia (code RGB 224, 0, 157) avec bordures grises (#b2b2b2).
Appuyez sur « Enregistrer CSS » et c’est pris en compte !

Astuce : pour savoir quel style doit être modifié dans une page, avec le navigateur Firefox, je clique droit sur l’objet et je choisis « Examiner l’élément ». Le navigateur fournit alors une pléthore d’information sur les styles utilisés.