Edit the site theme

The theme defines the fonts and colors for page components and buttons. A variety of serif and sans serif fonts are available. The theme color palette includes primary, secondary, tertiary, and two accents. You can also choose the color for specific page components. The Site Manager provides five pre-defined palettes or you can customize one. A change to the theme updates all site pages.

The following describe how to edit the theme:

Change or customize the color palette

To edit the color palette:

  1. From any page, click Edit site styles to open the Site Styles panel.
  2. Click Themes. The Theme Options panel opens.
  3. Click Colors. The Color options panel opens.
  4. Click one of the Predefined palettes or click Custom. For Custom:
    1. Click a color.
    2. Enter a Hex or RGB value or select from the tile.
  5. When finished, click back to return to the Theme Options panel.

Change color for a page component

To change the color for page components:

  1. From any page, click Edit site styles to open the Site Styles panel.
  2. Click Themes. The Theme Options panel opens.
  3. Click Colors. The Color options panel opens.
  4. Click Edit color theme.
  5. Scroll to find the component and click the color.
  6. Select a color.
  7. When finished, click back to return to the Color Options panel.

Edit font styles

You can set the font, size, and color for text components. To change the font style:

  1. From any page, click Edit site styles to open the Site Styles panel.
  2. Click Themes. The Theme Options panel opens.
  3. Click the Fonts card.
  4. In the Font Styles section, expand the text component to modify.
  5. Select the desired attributes and when finished, click back.

Edit button styles

You can set colors, fonts, radius, and other attributes for the primary, secondary, and tertiary buttons. To edit button styles:

  1. From any page, click Edit site styles to open the Site Styles panel.
  2. Click Themes. The Theme Options panel opens.
  3. Click the Buttons card.
  4. Expand the button type to modify.
  5. Select the desired attributes and when finished, click back.

Learn more about how to: