Changing Colors

Estimated reading time: 1 min

The colors section allows you to change the colors of multiple texts around your website so that you can match your company’s branding.

Click on it to begin editing.

You’ll see the following options:

Background Color

This is the background for the site. We recommend keeping this selected on white.

Main Color

The main color of your site will appear on many different elements:

Call to action highlight – When you hover over the CTA button on the webform, the color will change to your main color

Form icons background color – The form background icon are the small square icons next to the information that leads fill out on the home page.

Footer border – the border that appears just above the footer.

To change the color, simply click on the color and either type in the hexadecimal color code or select it manually.

Secondary Color

This color controls the form button color that you see on the home page.

Just like before, to change the color, click on it and either enter the hexadecimal code or find it on the color chart.

Note: the button you see in the below screenshot is not controlled by the secondary color, but by Elementor. To read more about how to use Elementor, click here.

Main Border Color

This option allows you to change the color of the borders you see which split up the page.

Again, to change the color, click on it and either enter the hexadecimal code or find it on the color chart.

Secondary Border Color

This controls the secondary border color, which appears here:

Once you’ve made all your changes click on Publish to save.

Was this article helpful?
Dislike 0
Views: 29