Les ajouts et les modifications des classes css peuvent en théorie être ajoutées directement dans les fichiers css de Cassiopeia. Cependant, si ces fichiers sont écrasés lors d'une mise à jour de Joomla, vos ajouts et vos modifications seront perdus et devront être refaites. Pour éviter cela, il existe une alternative plus sensée : il faut créer un fichier user.css dans lequel toutes les modifications seront placées car ce fichier ne sera pas écrasé lors d'une mise à jour de Joomla. Dans ce tutoriel, nous allons voir comment Créer un ficher 'user.css' dans Cassiopeia.

Avec le template Cassiopeia, le fichier défini par l'utilisateur s'appelle user.css et non custom.css, comme c'est souvent le cas avec de nombreux autres templates !

Créer un ficher 'user.css' dans Cassiopeia

A partir du panneau d'administration, ouvrez Système puis cliquez sur Templates du site dans la rubrique Templates

Créer un ficher 'user.css' dans Cassiopeia

Dans la liste des templates, cliquez sur le template de votre choix (Cassiopeia, dans cet exemple).

Créer un ficher 'user.css' dans Cassiopeia

Dans la barre d'outils, cliquez sur le bouton Nouveau fichier.
Dans la fenêtre modale qui s'est ouverte, cliquez d'abord sur CSS dans la partie gauche.
Dans la partie droite, indiquez user pour le nom du fichier et sélectionnez CSS pour le type de fichier.
Cliquez sur le bouton Créer pour terminer.

Créer un ficher 'user.css' dans Cassiopeia

Félicitations, vous venez de créer votre ficher 'user.css' dans Cassiopeia. Vous allez pouvoir maintenant customiser votre template avec vos propres classes CSS, sans risque de les voir écrasées lors d'une mise à jour de Joomla 4.

Important
Avant Joomla 4.1.0, le fichier user.css est localisé dans le répertoire : templates/cassiopeia/css/user.css
Depuis Joomla 4.1.0, le fichier user.css est localisé dans le répertoire : media/templates/site/cassiopeia/css

A chaque fois qu'une page est appelée, Joomla vérifie s'il existe un fichier user.css, puis le charge en tant que dernier fichier css. Seules les ajouts et les modifications CSS doivent être écrites dans le fichier user.css. En aucun cas, le contenu du fichier template.css ne doit être copié dans le fichier user.css !

L'édition de votre fichier user.css depuis le backend (gestionnaire de templates) est possible.

web-eau.net

29800 Landerneau

+33 674 502 799

daniel@web-eau.net