Les templates ont été conçus pour que tu puisses changer toutes les couleurs en quelques clics en modifiant les réglages du site Elementor.
- Commence par modifier les couleurs globales avec la palette de couleurs de ton site.
- Puis, ajuste si besoin les couleurs des éléments individuellement.
1. Modifier les couleurs globales du site (palette de couleur)
Une fois connecté à ton site WordPress :
- Aller sur une page du site web.
- Cliquer sur « modifier avec Elementor » puis « réglage du site » dans la barre du haut.
- Cliquer sur « Couleurs globales » dans la barre latérale
- Cliquer sur une couleur et pour la changer soit via l’outil couleur, soit en saisissant le HEX code (ex: #FFFFFF pour blanc), soit avec l’outil pipette qui permet de reprendre la couleur d’une page web.
- Cliquer sur « mettre à jour » pour sauvegarder les modifications.
L’ensemble des pages de ton site et modèles de pages vont se mettre à jour instantannémet.
💡 À savoir
Par défaut, voici les couleurs « systèmes » définis par Elementor :
- principal = couleur des titres (ex: un noir)
- secondaire = couleur des icônes (ex: couleur 1 de la marque)
- texte = couleur du texte (ex: un gris)
- accentué = couleur des boutons (ex: couleur d’accent de la marque)
Avec tes templates, tu as aussi des « couleurs personnalisées » pour offrir plus d’options (ex: changer les couleurs de fond).
> Modifie bien les 2 : les « couleurs systèmes » et les « couleurs personnalisées ».
2. Modifier la couleur d'un seul élément
- Aller sur la page et cliquer sur « Modifier avec Elementor«
- Cliquer sur l’élément à modifier. Une barre latérale à droite s’ouvre.
- Cliquer sur l’onglet « Style ».
- Trouver « couleur » et la changer en cliquant sur l’icône globe avant la couleur pour choisir parmi les couleurs globales pré-définies de préférence (ou en cliquant sur la couleur pour choisir une autre couleur que celle de ta palette).
- Cliquer sur « Mettre à jour » pour sauvegarder les modifications.
Point d’attention
Pour que ton site web reste esthétique, n’ajoute pas trop de couleurs différents, reste cohérent avec la palette de couleur de ton site web et/ou ta marque.
