Changing a color palette

The templates come with a predefined color palette that consists of complementing color schemes. You can change your palette to another predefined one from the list so that the website colors match your brand colors. 

With the pre-set color palette selector, you can modify your website color combinations in seconds without the need to precisely mix and match color variations.

How to change a site-wide color palette

Here’s how you can choose a different predefined color palette for your website:

  1. Click Design on the Topbar.

    no-logo-customize-color-palette-1.png
    Alternatively, click the Menu button on the top left corner and choose Design from the Sidebar.
  2. The current palette will appear at the top of the list in the Colors tab.

    no-logo-customize-color-palette-2.png
  3. Scroll down to see all the available palettes. Click the palette that matches your website images and brand colors. Check out what your buttons and links look like.
  4. Click Save to apply the changes.

If you haven’t found the perfect pre-set palette, you can create one of your own. To assign custom colors, click the Settings icon of the palette, and browse the available colors. For more information on how to create custom palettes, visit Creating custom website colors with palettes.

How to change the block background

If you need to change a background in a single block without changing it on the whole website, you can do this via Block settings. Follow these steps: 

  1. Hover over the block to enable its control pane and click the Block settings icon.
  2. Go to the Appearance tab, and in the Block style section, choose the background color option. Note: The smart interface will automatically adjust the font color to match your new background and look professional. 
  3. Click Save to apply the changes.

If you haven’t found a color you like for the block, you can change the color palette to your site right from the Appearance tab by clicking the (+) Plus icon in the Block style section.

no-logo-customize-color-palette-4.png

Was this article helpful?
0 out of 0 found this helpful