Vote utilisateur: 4 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles activesEtoiles inactives
 

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.

  1. Créer un fichier custom.css avec votre éditeur de texte préféré comme Notepad++
  2. Le transférer par FTP dans votre site, dans le dossier Templates/Nom du template/custom/scss
  3. 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 :

  1. Menu Extensions > Templates
  2. dans la barre latérale à gauche > Templates
  3. Faites défiler votre template et cliquez sur Détails et Fichiers