Change site colour and font

Each Template begins with default settings for fonts and color. You can change these settings in the Style section located at the left of the editor, in the Vertical Management Toolbar.

There are multiple fonts and color options in this section. You can choose from two types of settings:

  1. The ‘Basic’ settings: To modify the key elements on your site for the most impact.
  2. The ‘Advanced’ settings: To customize all the elements of your site.

We will focus here on the ‘Basic’ settings, as the modification process is the same with the ‘Advanced’ settings.

Color
Set your main colors for your website by picking a color or using a color code.
You can also set the transparency or select a gradient for your color choice.



In the Style section, you have the options to:

  • Basic: Set up the main elements of your site;
  • Advanced: Set up each element of your site independently.

In the "Pre-settings" section:

  • You have the option to modify the font use on your entire site.

In the "Navigation" section, your options are:

  • Menu text: Select the menu text color;
  • Menu background: Select the background color of the menu text.

In the "Content" section, you have the option to modify:

  • Title: Select the color of the title text;
  •  Paragraph text: Select the color of the paragraph text;
  • Form: Select the form color;
  • Button: Select the button color;
  • Button text: Select the button text color;
  • Link: Select the link color.

In the "Font" section, you have the option to modify:

There are more than 40 font families available, and they’re all enabled for the web!
This means that anyone, anywhere, on any browser or computer, will be able to read your text content without any problems.
By modifying the font, you have access to other settings such as size, style, or spacing between lines.

  • Text header: Select the header text font;
  • Text footer: Select the footer text font.

In the "Blog" section, you have the option to modify:

  • Title: Select the color and font;
  • Text: Select the color and font;
  • Background button: Select the color;
  • Text button: select the button text.

You can also set your main fonts and colors for your blog by picking a color or using a colour code.

In the "Webstore" section, you have the option to modify:

  • Title: Select the color and font;
  • Secondary titles: Select the color and font;
  • Text: Select the color and font;
  • Background button: Select the color;
  • Text button: select the text button color.

The modification process is the same with the ‘Advanced’ settings:

 

Was this article helpful?
1 out of 2 found this helpful
Have more questions? Submit a request
Powered by Zendesk