Passer au contenu
Français
  • Il n'y a aucune suggestion car le champ de recherche est vide.

Changer la couleur d’un texte ou d’un bouton

Ajuster les couleurs pour renforcer votre identité visuelle

Points clés
• Modification simple depuis le Designer
• Gestion précise des couleurs via classes
• Optimisation de la lisibilité et de l’esthétique
• Adapté aux textes, boutons et appels à l’action

Changer la couleur d’un texte ou d’un bouton est une manipulation essentielle pour maintenir la cohérence visuelle de votre site hôtelier. Que vous souhaitiez mettre en avant un appel à l’action, harmoniser votre charte graphique ou améliorer la lisibilité, l’ajustement des couleurs se fait rapidement depuis le Designer.

Modifier la couleur d’un texte

Sélectionnez l’élément de texte directement dans le Designer. Dans le panneau de droite, rendez-vous dans la section Typography. Cliquez sur l’échantillon de couleur pour ouvrir le sélecteur et choisissez la nouvelle teinte souhaitée. Vous pouvez saisir un code hexadécimal pour appliquer précisément les couleurs de votre charte hôtelière.

Si le texte utilise une classe existante, la couleur sera modifiée sur tous les éléments partageant cette classe. Pour un changement isolé, dupliquez la classe ou créez-en une nouvelle.

Modifier la couleur d’un bouton

Sélectionnez le bouton dans votre page. Dans le panneau de style, accédez à Backgrounds pour ajuster la couleur de fond du bouton. Choisissez votre nouvelle couleur ou entrez un code hexadécimal.

Pour modifier la couleur du texte du bouton, utilisez la section Typography, comme pour un texte classique.

💡 Conseil : pour créer un effet survol (hover), cliquez sur le menu States → Hover et définissez une couleur différente. Cela améliore l’interaction et attire l’attention sur vos appels à l’action tels que “Réserver” ou “Découvrir les chambres”.

Assurer la cohérence et l’accessibilité

Respectez les contrastes pour garantir une bonne lisibilité, notamment sur les pages mobiles. Un bouton trop pâle ou un texte trop clair sur un fond lumineux peuvent réduire la compréhension et l’engagement.
Si votre site utilise une palette globale, privilégiez les couleurs déjà définies pour conserver une identité visuelle harmonieuse.

Publier vos modifications

Prévisualisez la page pour vérifier le rendu sur desktop et mobile. Une fois satisfait, cliquez sur Publish pour mettre en ligne vos ajustements.

Conclusion

Modifier la couleur d’un texte ou d’un bouton est une action rapide qui renforce l’impact visuel de votre site hôtelier. Une palette cohérente et lisible améliore l’expérience utilisateur et met en valeur vos contenus essentiels.