~/enine-sites-help/making-it-yours/how-to-change-your-site-colors

How to change your site colors

In Edit Mode, open the top card's menu, choose Appearance, and set your Body, Primary, Secondary, and Accent colors.

how-to-change-your-site-colors.md228 words · ~1 min read

You need to be logged in with your site open.

Steps

  1. Click the pencil icon on the right of the toolbar to turn on Edit Mode.
  2. Click the menu button (the ≡ icon) on the top card, the one with your site's name, and choose Appearance.
  3. Find the four color fields: Body, Primary, Secondary, and Accent.
  4. Click a color's swatch to pick a color, or type a hex code such as #131353.
  5. Click the eye icon (Preview) to see the result.

You should see

The new colors applied across your whole site.

What each color is for

ColorWhat it is
BodyThe page background
PrimaryButtons and key highlights
SecondarySecondary accents and badges
AccentSubtle background accent areas

Good to know

Changes you make on the page save automatically, so there is no Save button to click. Changing one color updates everything that uses it.

Another way

  1. Click Manage in the toolbar, then choose Content.
  2. At the top of the list on the left, click your site's name, then open the Appearance tab.
  3. Change the colors, then click Save at the top right.

Next