Edit the site theme

The theme defines the available fonts and colors. Changes to the theme update every site page. A variety of serif and sans serif fonts are available. The color palette includes primary, secondary, tertiary, and two accents.

You can customize the color palette to match your corporate colors. For example, the screenshot below shows the catalog page with custom colors:


Custom color example

The colors map to these components:

  • Primary: the page footer.
  • Secondary: the page header.
  • Tertiary: body text.
  • Accent02: underline (links) and the tags icon.

Edit the site theme by clicking the palette icon, in the Site pane to open the Site Styles panel. The following describe how to edit theme components:

Customize colors

To customize the color palette, with the site theme open:

  1. Click Colors. The Colors panel opens.
  2. Click Custom. The five colors in the palette display.
  3. Click a color, use a Hex or RGB value or select from the tile.
    Tip:
    Reset returns the color to its original value.
  4. When finished, click back to return to the Site Styles panel.

Change the font

To change the font, with the site theme open:

  1. Click font.
  2. Click to select a font .
  3. Go back to the Site Styles panel.

Learn more about how to: