Form colors

With easyform, you can create forms that match your brand and that look like an integral part of your website when embedded. You can change almost any color in the form, from the form's background and label colors

In addition to controlling colors of specific components from the component's setting, the main Colors setting allows you to modify all of the form's colors from one central place.

Opening the colors setting

To open the form's colors setting, select Color from the Settings menu:

Click to view in full screen

The color picker

The color picker is opened by clicking the color picker button of a specific color setting.

It allows you to choose a predefined color or enter a color value using RGBA numbers or a hexadecimal string.

Note: The color picker button color will be the current color of that setting.

Resetting a color to the easyform default

In order to reset any color setting to the easyform default, click on the reset button to the right of of the setting's color picker button.

Note: The reset button color will be the default easyform color for that setting.

Click o view in full screen

Page background color

This setting changes the background color of the entire form:

Click to view in full screen

Title text color

This setting changes the text color of the form's title:

Click to view in full screen

Description text color

This setting changes the text color of the form's description:

Click to view in full screen

Field colors

Field label color

This setting changes the text color of all of the field labels, when the form displays field labels:

Click to view in full screen

and if placeholders are used instead of labels, it will still change the labels of non-input fields, such as radio button and checkbox fields:

Click to view in full screen

Field placeholder color

If placeholders are used instead of labels, this setting changes the text color of all of the field placeholders:

Click to view in full screen

Field input color

This setting changes the color of the text entered into input fields, such as text, number, email and phone fields:

Click to view in full screen

Field background color

This setting changes the background color of all input fields, such as text, number, email, phone and dropdown fields, as well as the fill color of radio buttons and checkboxes:

Click to view in full screen

Field border color

This setting changes the border color of all input fields, as well as the border color of radio buttons and checkboxes:

Click to view in full screen

Submit button colors

You can change the following submit buttons colors:

Submit button background color

This setting changes the color of the submit button:

Click to view in full screen

Submit button border color

This setting changes the border color of the submit button:

Click to view in full screen

Submit button text color

This setting changes the color of the submit button label:

Click to view in full screen

Last updated