Change the color of text or a button

Adjust the colors to reinforce your visual identity

Key features • Easy modification from the Designer • Precise color management via classes • Optimized readability and aesthetics • Suitable for text, buttons, and calls to action

Changing the color of text or a button is essential for maintaining the visual consistency of your hotel website. Whether you want to highlight a call to action, harmonize your branding, or improve readability, color adjustments can be made quickly from within the Designer.

Change the color of a text

Select the text element directly in the Designer. In the right-hand panel, go to the Typography section. Click on the color swatch to open the color picker and choose the desired new shade. You can enter a hexadecimal code to precisely apply the colors from your hotel's branding guidelines.

If the text uses an existing class, the color will be changed on all elements sharing that class. For an isolated change, duplicate the class or create a new one.

Change the color of a button

Select the button on your page. In the style panel, go to Backgrounds to adjust the button's background color. Choose your new color or enter a hexadecimal code.

To change the color of the button text, use the Typography section, just like for regular text.

💡 Tip: To create a hover effect, click on the States menu → Hover and set a different color. This improves interaction and draws attention to your calls to action such as “Book” or “Discover rooms”.

Ensuring consistency and accessibility

Maintain good contrast to ensure readability, especially on mobile pages. A button that is too pale or text that is too light on a bright background can reduce understanding and engagement. If your site uses a global color palette, prioritize the colors already defined to maintain a harmonious visual identity.

Publish your changes

Preview the page to check how it looks on desktop and mobile. Once you're satisfied, click Publish to make your changes available online.

Conclusion

Changing the color of text or a button is a quick action that enhances the visual impact of your hotel website. A consistent and legible color palette improves the user experience and highlights your essential content.