Ajoutez un CSS personnalisé à votre site Joomla! avec le plugin Add Custom CSS

Nous allons aborder les différents problèmes rencontrés lors de la création de votre site Joomla!, les Notices, Warnings ou Errors.

Ajoutez un CSS personnalisé à votre site Joomla! avec le plugin Add Custom CSS Lors de la création de votre site Joomla!, vous rencontrerez certainement des problèmes sous forme de Notices, Warnings ou Errors. Cette article se penche sur cet aspect. Nombreux sont les utilisateurs qui installent des templates et des extensions Joomla! de manière excessive pour pouvoir ensuite modifier le design de leur site web.
Si vous souhaitez ajouter du CSS personnalisé dans votre site Joomla sans risquer d’endommager les fichiers existants, il peut être intéressant d’utiliser le plugin « Add Custom CSS ».Dans ce tutoriel nous allons voir comment ajouter du CSS personnalisé pour peaufiner en toute sécurité la conception de votre site.Ce tutoriel s’adresse aux personnes ayant un peu de connaissance du CSS.

Le plus important est de savoir quel code CSS vous voulez ajouter.
Ajoutez votre CSS personnalisé dans un fichier appelé « mon-custom.css » par exemple.Uploader ce fichier vers votre site via FTP.
Dans cet exemple, nous avons téléchargé le fichier dans votre template : templates/mon-template/css/mon-custom.css
Mais il pourrait être placé ailleurs.
2 – Téléchargement et installation
Pour mettre en place notre CSS, nous allons utiliser l’extension Add Custom CSS.
Pour télécharger cette extension, rendez-vous sur la page suivante et cliquez sur le bouton « download ».

Le fichier ZIP que vous avez téléchargé doit d’abord être décompressé pour trouver le pack qui nous intéresse.
Vous devriez y trouver deux répertoires contenant un module et un plugin. Pour ce tutoriel, nous n’utiliserons uniquement que le plugin marqué ci-dessous :

Connectez-vous à l’administration de votre site, puis rendez-vous dans Extensions > Gestion des Extensions , et installer l’extension.
3 – Activer le plugin
Toujours dans l’administration, allez dans Extensions > Gestion des plugins , puis recherchez le plug-in : System – Add Custom CSS.

Editez le plug-in.
Dans l’option « Custom CSS File Path 1 », entrez le chemin de votre fichier CSS. Pour cet exemple nous avons choisi : templates/mon-template/css/mon-custom.css
N’oubliez pas d’activer le plugin, puis cliquez sur le bouton « Enregistrer et fermer ».
4 – Vérifiez le résultat
Rafraichissez l’écran du Frontend de site et vérifiez si votre nouveau code CSS a bien été chargé.
C’est tout
NOTE : Traduction de l’anglais Add Custom CSS to Your Joomla Site.