Aller au contenu

Changer les couleurs du site

Les couleurs du site viennent d'une palette de dix couleurs, réglée à un seul endroit. Modifier une couleur de la palette la modifie partout à la fois : activités, pages, en-tête, menu, blocs colorés.

Réservé aux administrateurs

Les couleurs forment la charte graphique du site. Seuls les administrateurs les modifient ; les éditeurs peuvent consulter l'écran et copier les classes CSS (voir Colorer un bloc). Si vous ne pouvez pas modifier, adressez-vous à l'administrateur du site.

Modifier une couleur existante

  1. Ouvrez Paramétrage > Couleurs.
  2. Dans la Palette, repérez la couleur à changer (par son numéro et son nom).
  3. Cliquez sur le bouton Sélectionner une couleur de cette ligne.
  4. Choisissez la nouvelle couleur : dans le carré, avec la barre de nuance, ou en collant le code fourni par la charte graphique (un # suivi de six caractères, par exemple #e67e22).
  5. Cliquez sur Enregistrer les modifications, en bas de l'écran.

Le message « Réglages enregistrés » confirme l'opération. Le cache du site est vidé automatiquement : les visiteurs voient les nouvelles couleurs à leur prochaine visite.

Ne changez pas le nom, seulement la couleur

Si l'orange devient un orange plus doux, changez la couleur, pas le nom orange : renommer une couleur casserait les blocs des pages qui l'utilisent (voir Les pièges).

Changer la couleur dominante du site

La couleur par défaut colore l'en-tête, le pied de page, le menu et les pages sans couleur propre.

  1. Dans Paramétrage > Couleurs, section Rôles des couleurs, repérez Couleur par défaut.
  2. Choisissez dans la liste une autre couleur de la palette.
  3. Cliquez sur Enregistrer les modifications.

Les sous-menus suivent : ils reprennent cette couleur, un peu éclaircie (réglage Couleur des sous-menus).

Ajouter une couleur à la palette

La palette compte dix emplacements, dont certains peuvent être vides. Pour en utiliser un :

  1. Repérez un emplacement sans couleur.
  2. Saisissez un nom en anglais, en minuscules, sans accent ni espace (green, light-blue).
  3. Choisissez sa couleur.
  4. Cliquez sur Enregistrer les modifications.

La couleur apparaît alors dans les listes de choix des activités, des pages et des rôles.

Colorer un bloc d'une page

  1. Dans Paramétrage > Couleurs, cliquez sur Fond (couleur du fond du bloc) ou Texte (couleur du texte) sur la ligne de la couleur voulue. La classe est copiée.
  2. Dans le constructeur Avada, ouvrez les réglages du bloc, onglet Général.
  3. Collez la classe dans le champ CSS Class, puis enregistrez la page.

Pour un texte blanc sur un fond coloré, ajoutez aussi la classe text-white (bouton Copier sous la palette). Détails et exemples : Boutons Fond et Texte.

Choisir la couleur d'une activité

La couleur d'une activité se choisit dans la palette, sur l'écran de l'activité : voir Activités et lieux.

Les pièges

  • Renommer une couleur casse les pages dont les blocs utilisent son ancienne classe : elles perdent leur couleur. Ne le faites qu'en cas de réelle nécessité.
  • Vider un emplacement encore utilisé retire cette couleur de tout ce qui l'utilisait. Choisissez d'abord une autre couleur partout où il servait.
  • Une couleur « personnalisée » (hors palette) d'une page ou d'un événement ne suit pas les changements de la palette.

Si ça ne marche pas

  • Le site n'a pas changé : avez-vous cliqué sur Enregistrer les modifications ? Rechargez ensuite la page avec Ctrl + F5 (sur Mac : Cmd + Maj + R).
  • Un bloc a perdu sa couleur : sa classe ne correspond plus à une couleur de la palette (nom changé, emplacement vidé).

Pour aller plus loin