Colors and styles

Choosing colors, fonts and styles of frames and corners


Colors of individual elements, can be adjusted on the Design tab> colors.

How to select a general color scheme for your home page:
  1. Switch to the Design tab> Schema tab.
  2. From the drop-down menu select the color scheme or styleset for your website. You will then see the four colors that define the color scheme of your website.
  3. To adjust one color of the site color scheme, click the appropriate field of the color and change the hexadecimal color code value or choose the color with the color picker.
    Note: These changes will overwrite all former changes of the color of individual elements that have been made in the Colors tab.
  4. Click OK to save the changes.

How to choose a color for individual elements of the homepage:
  1. Go to the Design tab> Colors tab.
  2. Select the site element in the menu.
  3. Customize the background color of the element by clicking on the box to edit the color and change the hex value or choose the color with the color picker.
  4. If you want to use gradients, select the gradient option and then the pattern from the menu.
  5. To adjust the color of elements with text, choose the font colors on the color swatch and change the hexadecimal color code value or choose the color with the color picker.
    Note: If you change the styleset on the Schema tab, the changes made on the colors tab are overwritten.
  6. Click OK to save the changes.

How to select fonts for headings and body text on your home page:
  1. Switch to the Design tab> Fonts tab.
  2. Choose for each font the font style and font size from the menu.
  3. For headings, select the text decoration. You can use bold (symbol B) and italics (symbol I). Note: The settings you specify here only define the general rules for your website fonts. You can customize the fonts of individual elements at any time.
  4. Click OK to save the changes.

How to select the shape of the corners (square or rounded) of elements:
  1. Go to the Design tab> Corners.
  2. Select menu item which corners you want to change.
  3. Perform one of the following actions:
    • To use rounded corners, check the corresponding checkbox.
    • To use square corners, clear the corresponding checkboxes.
  4. Click OK to save the changes

How to select a frame or border for homepage elements:
  1. Switch to the Design tab> Borders tab.
  2. Select the border type for elements of your website in the menu internal container border.
  3. Then select the elements you want to have this sidebar.
    Note: You can only specify one internal border type for all elements on your website, but you can select whether the sidebar should be used for other elements.
  4. Select the external sidebar for your homepage in the drop down menu External sidebar.
  5. Click OK to save the changes.
To use rounded corners, activate the corresponding checkbox.