Le Framework pour Joomla, Gantry 5 utilise le langage Sass pour le CSS.
Nous allons voir comment personnaliser les styles sans modifier les fichiers du template.
- Créer un fichier custom.css avec votre éditeur de texte préféré comme Notepad++
- Le transférer par FTP dans votre site, dans le dossier Templates/Nom du template/custom/scss
- Si le dossier SCSS n'existe pas il doit être créé
Les règles CSS ou SCSS que vous ajouterez dans ce fichier seront prioritaires à celles du template.
Attention si le mode de production du template est défini à OUI, vous devez à chaque modification du fichier SCSS recompiler le CSS.
Pour cela dans l’onglet Styles du panneau d'administration de Gantry cliquer sur: Recompile CSS
Il n'est pas possible de créer le fichier custom.css directement à partir de l'administration mais vous pouvez le modifier et enregistrer les modifications :
- Menu Extensions > Templates
- dans la barre latérale à gauche > Templates
- Faites défiler votre template et cliquez sur Détails et Fichiers