We recommend you give those volunteers you trust with the customization of your website Site Admin roles, as that is the only role that can both view and add colors and fonts.

About Colors

Colors are used in different locations on each layout.  Generally, body colors are used in the main content (body) section of the website.  The secondary and strong colors can be used in various locations (sidebar, menus, headers, etc) depending on the layout.

The options on the Color Scheme/Fonts page for color are:

Main Body Colors

Background Color

Enter the main body background color you would like to use.

Font Color

Enter the main body font color you would like to use.

Link Color

Enter the main body link color you would like to use.

Visited Link Color

Enter the main body visited link color you would like to use.  The visited link color is used on links that the visitor has click in the recent past.

Active Link Color

Enter the main body active link color you would like to use.  The active link color is used on a link to the current (active) page.

Hover Link Color

Enter the main body hover link color you would like to use.  The hover link color is used when the visitor hovers their mouse over the link.

Secondary Body Colors

Background Color

Enter the secondary body background color you would like to use.

Font Color

Enter the secondary body font color you would like to use.

Link Color

Enter the secondary body link color you would like to use.

Visited Link Color

Enter the secondary body visited link color you would like to use.  The visited link color is used on links that the visitor has click in the recent past.

Active Link Color

Enter the secondary body active link color you would like to use.  The active link color is used on
a link to the current (active) page.

Hover Link Color

Enter the secondary body hover link color you would like to use.  The hover link color is used when the visitor hovers their mouse over the link.

Strong Body Colors

Background Color

Enter the strong body background color you would like to use.

Font Color

Enter the strong body font color you would like to use.

Link Color

Enter the strong body link color you would like to use.

Visited Link Color

Enter the strong body visited link color you would like to use.  The visited link color is used on links that the visitor has clicked in the recent past.

Active Link Color

Enter the strong body active link color you would like to use.  The active link color is used on a link to the current (active) page.

Hover Link Color

Enter the strong body hover link color you would like to use.  The hover link color is used when the visitor hovers their mouse over the link.

Selecting your colors

To choose a background color, enter the hexadecimal value in the text box, or click the icon to use the color swatch and then select the color you want to use from the color picker.

The sample will change as you select different background colors and font colors. Your selections are not made permanent until you click the Save Colors button.

At the bottom of the page, you have the following options:

Preview Colors: Temporarily change the layout and colors selected on the page. You are the only person who will see the new colors. This gives you the opportunity to see the layout and colors and decide if you like them.

Save Colors: Save the color choices

Reset: Cancel any changes you have made to the colors

Font family and size

Font Family

Select the font family you would like to use.  Only web browser-friendly (compatible) fonts are listed.

Base Font Size

Select the font size you would like to use.