Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

You can customize your website by changing both the background and the font colors for your website, as well as the font size and family.

...

Tip
titleWhere do I find it?

You can find the Color & Font Options page by going to Website > Color & Font Options.

Expand
titleClick here for information on permissions

The following actions are available for Web Site Colors and Fonts with the specified service and user roles:

Action

Description

Services

User Roles

View

Able to view the current Web Site Colors and Fonts

Web Site

Site Admin only

Add

Able to change the Web Site Colors and Fonts

Web Site

Site Admin only

Color & Font Options

...

.

...

The options on the Color Scheme/Fonts page are:

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.

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 click 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

...