Personnaliser le CSS

Si vous maîtrisez le CSS, vous pouvez personnaliser vous-même l’apparence de votre site web, en ajoutant une feuille de style. Pour cela, allez dans le menu “Paramètres”, puis “Feuille de style CSS”.

Puis chargez le fichier CSS que vous souhaitez utiliser, et sauvegardez. En savoir plus sur le téléchargement de documents sur la documentation de Wagtail (en anglais).

Par exemple, voilà à quoi ressemble la barre de menu par défaut :

Après avoir ajouté cette feuille de style :

.navbar-item{
    color: #9b5200;
}

a.navbar-item:hover{
    color: #2c25ff;
    background-color: #C1F742;
}

Les éléments du menu ont des couleurs différentes :