Les news !
Informations, tutoriels
Dédié principalement Joomla! mais plus si affinité

Ce tutoriel vous guidera pour créer vos style css personnalisé à votre template sans se soucier de perdre ces ajouts ou modifications lorsque votre template est mis à jour.

Sur Gantry 5, vous avez 2 manières de gérer vos custom.css

1 - Création d'un Custom.scss global

Ajouter une feuille de style personnalisée est un processus assez simple. La première chose que vous devez faire est de créer le fichier SCSS / CSS personnalisé. Vous pouvez le faire dans à peu près n'importe quel éditeur de texte.

gantry5 custom-css

Pour ce faire, naviguer dans la structure de répertoire pour Votre_tempate / custom / scss et créer un fichier appelé custom.scss.

Si le répertoire / custom / scss / est inexistant, vous aurez besoin de le créer.

Joomla ne supporte pas la création de fichiers SCSS dans son outil de personnalisation "Personnalisation des templates".

A chaque modification de votre fichier custom.scss vous devez recompiler votre thème (Style)

gantry5 recompiler

Dependencies.scss

Pour utiliser certaines variables vous devez importer le fichier _dependencies.scss (incluant Bourbon, Nucleus, theme mixins, et d'autres variables). Utilisez simplement la ligne @import "dependencies"; dans votre fichier custom.scss file pour l'importer

 

2 - Utilisation du "Particles"  Atom Setting - Custom CSS/JS

atom custom css particle

L'avantage : Vous pouvez gérer vos personnalisations par page. Attention, vous devez donc l'associer à toutes vos pages

Devenez un client privilégié !

Contact

En Toutes Lettres est une société basée en Essonne (91). Nous sommes toujours présents pour une information complémentaire :

logo gris
  06 29 16 98 38
En toutes lettres
4 rue Antoine Bréguet
91750 CHAMPCUEIL
 

Derniers commentaires