La modification des CSS permet de personnaliser le template de son site. Mais en travaillant  dans les fichiers sources, comme template.css, vous risquez de perdre les modifications lors de la prochaine mise à jour.

Il préférable de surcharger (overrider) le template.

Avec Joomla 3.5

1. déroulez le menu Extensions, cliquez sur Template, puis de nouveau sur Template dans la barre latérale gauche.

2. Sélectionnez Protostar Détails et fichiers

3. Créez un nouveau fichier.

4. Sélectionnez le dossier CSS, choisissez Type CSS et nommez-le : user.

5. Ecrivez votre code CSS.

Voir la vidéo

Avec Joomla 3

1. Extensions > Gestion des Templates > Templates > Protostar Détails et fichiers

2. Nouveau Fichier

3. Sélectionner le dossier css

4. Type de fichier : css

5. Nom du fichier : overrides (par exemple)

6. Créer. Vous pouvez ajouter des régles de styles à ce fichier en cliquant sur son nom.

7. Cliquez sur le fichier index.php, à la racine

8. Ligne 44 (environ) copier la ligne sous le commentaire // Add Stylesheets et coller la dessous.

9. Renommer template.css par le nom donné au fichier de surcharge, ici overrides.css, comme dans l'exemple ci-dessous :

​// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/overrides.css');