In the Color settings page, you can modify the color settings for your website. There are several groups of settings:

Change the Color Settings

Follow these steps to access the style settings for the website colors:

  1. Login to SiteManager. 

  2. In the menu, click to expand the Design settings (see the figure below).

  3. Click the COLORS item to display the footer settings in the main panel.

There are several groups of logo properties:

  • Base colors

  • Background color

  • Light and dark colors

  • Response colors

The sections below explain how to change each of these settings.

Base colors

Change the settings for the colors that will be used throughout your website theme:

  • Primary brand color: Choose a color from the color picker. You can also enter the hex color code into the Primary Brand Color field.

  • Secondary brand color: Choose a color from the color picker. You can also enter the hex color code into the Secondary Brand Color field.

  • Default Element brand color: Choose a color from the color picker. You can also enter the hex color code into the Default Element Color field.

Background color

Set the background type and background color for your website.

  • Background type: From the drop-down, choose the type of color that you want for your website background.

  • Background color: Choose a color from the color picker. You can also enter the hex color code into the Background Color field.

Light and Dark Colors

Set the colors that your theme considers to be white and black. Often, pure black is not used as it has a tendency to overpower the other colors and attract too much attention as it is “unnatural.” You may wish to use a dark grey instead.

  • Light color: Choose a color from the color picker. You can also enter the hex color code into the Light Color field.

  • Dark color: Choose a color from the color picker. You can also enter the hex color code into the Dark Color field.

Response Colors

Set the colors that indicate responses to various user actions. Try to use simple colors, as illustrated below, that denote the nature of the response. For example, try not to use red for your “success” color, as most users will interpret that as something gone wrong.

  • Success color: Choose a color from the color picker. You can also enter the hex color code into the Success Color field.

  • Danger color: Choose a color from the color picker. You can also enter the hex color code into the Danger Color field.

  • Warning color: Choose a color from the color picker. You can also enter the hex color code into the Warning Color field.

  • Info color: Choose a color from the color picker. You can also enter the hex color code into the Info Color field.