Créer une feuille de style personnalisée pour Protostar

Si vous voulez personnaliser votre template à moindre frais, il suffit d'utiliser les styles css qui vous permettrons de personnaliser beaucoup de choses.
Le plus simple, pour ne pas avoir à travailler sur des feuilles de styles déjà bien surchargées, est de créer une feuille de style peronnalisée.
Outre le fait que cela vous rendra le travail plus simple et surtout plus clair, le template Protostar chargera votre feuille de style en dernier, ce qui permettra à vos classes utilisant le même nom qu'une classe existante d'avoir la priorité sur cette dernière.

Créer d'une feuille de style personnalisée pour Protostar :

Accédez à la racine de votre site puis allez dans le dossier : "templates/protostar/css/" et créez un nouveau fichier que vous nommerez "user.css"

Vous pouvez aussi le faire directement depuis l'espace administratif du site :

  1. Allez dans le menu "Extensions > Templates"
  2. Cliquez sur le titre du template "Protostar"
  3. Cliquez sur le bouton "Nouveau fichier" situé dans la partie supérieure de la page
  4. Dans la "pop-up" qui s'ouvre, cliquez sur le dossier "css" pour le sélectionner
  5. Dans le champ "nom de fichier" saisissez "user" et sélectionnez le type "css" puis cliquez sur créer
  6. Cliquez sur le bouton "Enregistrer" ou "Enregistrer et Fermer"

Modifier vos styles personnalisés

Pour ajouter ou modifier vos styles personnalisés, il vous suffit de retourner dans ce fichier "user.css" et de travailler dessus directement depuis l'espace administratif de votre site Joomla.

  1. Allez dans le menu "Extensions > Templates"
  2. Cliquez sur le titre du template "Protostar"
  3. Cliquez sur le dossier "css" situé dans la partie gauche de la page puis sur le fichier "user.css"
  4. Vous verrez alors une zone d'édition au centre de la page où vous pourrez créer et modifier toutes les classes css que vous voudrez

Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, propriétaire mondial de la marque de commerce.
TUTO-JOOMLA.fr n'est pas affilié à Open Source Matters ou au projet Joomla!®.

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
En savoir plus
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner