Skip to main content

Edit Site Colors

Customizing your site's colors is essential for creating a cohesive visual identity and making a lasting impression....

Odile Lodewijck avatar
Written by Odile Lodewijck
Updated this week

Why Customize Your Site's Colors

The colors of your site play a key role in:

  • Your brand identity: they reflect your values and universe.

  • Readability and user experience: harmonious colors facilitate navigation and understanding.

  • The impact of key elements: certain colors naturally draw attention to buttons, links, and other important areas.

In short, choosing the right colors helps make your site attractive, professional, and easy to use.


How to Edit Your Site's Colors

Overview of the Process

Changing colors involves 3 simple steps:

  1. Access the Theme Manager

  2. Edit an existing theme

  3. Adjust the theme colors and save your changes

Access the Theme Manager

From your website preview:

  1. Click the Theme Manager button

  2. You will access the space dedicated to creating and managing your themes

Site preview with the button leading to the Theme Manager (This image shows where to click to access theme settings.)
Site preview with the button leading to the theme manager.

Edit an Existing Theme

In the Theme Manager:

  1. Locate the theme you wish to adjust

  2. Click the Edit button next to the theme

Theme edit button (This action allows you to edit the visual settings of the selected theme.)

Edit Theme Colors

Whether you want to change the main color or the highlight color (buttons, links, interactive elements), the process is the same.

  1. Click the color picker

  2. Choose the desired shade using the color palette

  3. Or directly enter your brand's hexadecimal code (example: #7F2D59)

The preview updates instantly on the left side of the screen to allow you to see the result in real-time.

Color modification module (This view illustrates the color picker and live preview.)

Save Your Changes

Once the colors are adjusted, click Save to apply the changes to your site.


Best Practices

  • Ensure contrast: make sure the text remains readable on colored backgrounds, especially for buttons and titles.

  • Respect your brand guidelines: use your official colors to reinforce brand consistency.

  • Test on all devices: check the display on computers, tablets, and mobiles to avoid surprises.

Did this answer your question?