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

Ajouter une barre de couleur sous le menu !

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.

Ajouter une ligne de séparation rouge sous les titres

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.

En conclusion

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;}