previous topic    next topic

Changing site colors

When you choose a template, you have the option to change the base color used to render it. The base color is a reference color; it also specifies complementary colors. You can also change colors on a per-component basis. These component parts include the layout (where content items are displayed), main menu, sub menu, side bar (which is not available in all templates) and template (the remainder of the page). Each component takes four color values: primary, secondary, background and text, with each color appearing in up to five different shades.

To change the base color:

  1. Click the Design tab.
  2. Click the Change Colors button.
  3. Select Change the base color and click Done. A preview image of the current template is shown, with all available base color selections shown below it.
  4. Select the desired base color.
  5. Click Done.

To change component colors:

  1. Click the Design tab.
  2. Click the Change Colors button.
  3. Select Change the component color and click Done. The Change Component Color tool is displayed, showing two tables. The first table is used to display the color settings for the selected component; the second table is used to select the four color values, each color referenced by name and shown in a progression of shades.
  4. Choose a component from the Choose a component select list. To select all components, choose All. The component color table is refreshed to show the current colors used for your selection.
  5. In the color selection table, select a primary, secondary, background and text color. If you want to retain the current color setting select the radio button in the top row (i.e. current color).
  6. Click Done.

Subtopics:

Adding a custom color set