Le thème Magazine contient un fichier custom.css modifié, et il convient de vous expliquer les modifications pour que vous puissiez vous aussi le mettre à jour.
Pour modifier le fichier custom rendez-vous dans personaliser les thèmes >> Editeur Css
Pour ajouter une barre de couleur au dessous ou au dessus de votre menu de navigation, il nous faudra ajouter à votre fichier css :
nav:after{content: url(../../site/file/source/barre.jpg);}
Cela à pour effet de rajouter du contenu a la fin de la balise nav : cette balise gère le menu de navigation et nous lui ajoutons un fichier image nommé barre.jpg
Vous pouvez également choisir de déposer la barre avant le menu en changeant l'option after par before
nav:before{content: url(../../site/file/source/barre.jpg);}
et en ajoutant les deux codes vous aurez une barre avant et après.
Pour ajouter une barre sous certains éléments nous allons modifier le fichier custom.css depuis l'administration custom.css
Dans le cas présent nous allons ajouter l'option css border-bottom au balise H4 (En-tête 4) et H3 (En-tête 3)
h4 {border-bottom:3px solid red;}
pour les couleurs le choix est infini : orange green marine olive ou encore format #FF0000
Les (En-tête 1) et (En-tête 2) sont à réserver pour mettre en avant votre contenu important auprès des moteurs de recherches.
Le fichier css final fera apparaitre les modifications suivantes :
nav:after{background-color: white; content: url(../../site/file/source/barre.jpg);}
h3 {border-bottom:3px solid red;}
h4 {border-bottom:3px solid red;}