Knowledge Base

Selecting Website Colors, Background Images, Fonts, and Styles for Borders and Corners

The general color scheme, or styleset, of your website comprises four
colors. Each color is used for several website elements at once. You can
adjust colors of individual elements on the Design tab > Colors
tab.

To select the general color scheme for your website:

Go to the Design tab > Scheme tab.
Select the color scheme, or styleset, of your website in the menu.

You will see the four colors used in the color scheme of your
website.
To adjust one of the colors of your website color scheme, click the
respective color field and change the hexadecimal color code value or
select a color with the color picker.

Note: These changes will override any previous changes of individual
elements’ colors made on the Colors tab.
Click OK to save changes.

Alternatively, you can click Choose for Me to have Presence Builder
choose a color scheme for you automatically. The color scheme will be
chosen to match the banner in the header, or, if no banner is present in
the header, the first one present in the content area. If your website
has no banners, a color scheme matching the background image will be
chosen. If your website has no banners and no background image, an error
message will be displayed.

To set colors or background images for individual website elements:

Go to the Design tab > Colors tab.
Select the website element in the Page area menu. You can modify
Site background, Watermark, Header, Footer, and
Content areas.
Click the arrow in the Color or image menu.
Select the opacity level for the background.
Do any of the following:
- To fill with a solid color, leave the Solid color option
  selected, and select a color with the color picker.
- To fill with a gradient, select the Gradient option, and then
  select a pattern from the library.
- To fill with a background image, select the Pattern option,
  select a pattern from the library or click Upload to upload
  your own image. Specify whether it should be tiled, cropped or
  resized and where it should be placed.
For an element with text, adjust font colors by clicking the…