Theme: Colors

​​Website Color Settings

Change your website's colors to suit your brand's style!

Each template has a professionally designed color theme by default, but you can easily customize each color or switch between themes. These color settings are global and will be applied to all website pages.

Changing Website Colors

  • Access the Colors settings from the left sidebar of the Site Editor by clicking Theme:

  • Select Colors:

Using Predefined Color Themes

Each template has its default color theme. You can choose any of our predefined color themes by clicking the theme selector:

Click on the palette you like, and the new colors will be applied throughout your website:

Customizing Colors

To change the default colors with your own:

  • Click on the color icon, select your desired color from the color picker, or enter a specific HEX color value. Then, click Apply to save your changes:

Color Wizard Tool

The Color Wizard tool creates a color palette based on the colors of an uploaded photo. Follow these steps to use the Color Wizard tool:

  • Click on the Color Wizard icon:

  • When the Define Colors dialog appears, drag and drop the image or click inside the frame to Upload from Your Computer:

  • The Color Wizard will generate the color palette. If you like the results, click Take Colors:

  • The defined colors will appear in the Color Settings menu:

Now, you can drag and drop any defined color onto a highlighted icon to replace the existing theme color:

  • Click Save after replacing the colors. The new colors will be applied throughout your website:

Resetting the Color Theme

  • To restore the default color theme, click the Reset button in the color settings menu:

  • Then, click Yes to confirm: