Theme settings

The theme defines the colors and fonts that are used on your site.

The page view on the right will be updated automatically based on your choices. You can use the arrows on top of the left side panel to change between predefined theme.



Feel free to test different settings and combinations. Eventhough you can preview your choices on the site view on the right, they won’t be saved straight away. If you don’t want to save the changes you have tested, just click the back arrow on side panel’s top left corner or click on the site view. Then you can just cancel the changes via confirmation window opened.

1638083742077_theme-editing-og.gif

Colours

Each theme has four main colours that you can customize to your liking.

  • The primary colour is the main colour. Usually companies or in­di­vid­u­als use the prominent colour of their logo. This colour defines the colour of the button’s back­ground, links, and sometimes sections’ back­grounds (depending on the chosen template).
  • The dark colour is used for titles and text over light back­grounds.
  • The light colour is used for text over dark back­grounds.
  • The grey colour can be used for secondary text or back­grounds.

Ty­pog­ra­phy

You can specify the fonts for the following elements.

  • Default font family, as the title hints, is the default font for the site used in plain text.
  • Heading font family is used in titles and other text elements which are larger than the plain text. Footer heading font family is used on footer titles.
  • Nav­i­ga­tion font family defines the font used in menu elements. You can also set different font settings to buttons.

Text color

You can change the color of the content text. This setting can be found from editor’s toolbar by clicking tect color icon (see image below). Before choosing the color, you must first select the part of the text you want to change.

1638083776551_edit-content-color.png-me