How to edit form styles

How to edit form styles


In this guide, you will learn how to style the Form element to match your website’s design.

Step 1 - open editor

Open the "Form Settings" editor.
Click "Edit Form" on the hover menu or double-click on the "Form" element you want to customize.



In the "Form Settings" editor, there are two customization categories: "General" and "Look & Feel".

The settings we are interested in are located under the "Look & Feel" tab.



Step 2 - change styles

For the Form element there are the following available styling options:

1. Field Box Style


Use the "Field Box Style" dropdown to customize the appearance of the form input fields.



In this dropdown, you have all the predefined styles in "Website Look & Feel -> Box Styles". You can select one of the predefined styles.

If you want to edit an existing style or create your own style, click on the "Edit Style" button which will open the "Website Look & Feel -> Box Styles" sidebar.



2. Field Text Style

Use the "Field Text Style" dropdown to adjust the font, size, and color of the text entered into the fields.



In this dropdown, you have all the predefined styles in "Website Look & Feel -> Typography". You can select one of the predefined styles.

If you want to edit an existing style or create your own style, click on the "Edit Style" button which will open the "Website Look & Feel -> Typography" sidebar.



3. Field Label Text Style

Use the "Field Label Text Style" dropdown to style the labels associated with each form field.



In this dropdown, you have all the predefined styles in "Website Look & Feel -> Typography". You can select one of the predefined styles.

If you want to edit an existing style or create your own style, click on the "Edit Style" button which will open the "Website Look & Feel -> Typography" sidebar.



4. Submit Button

Use the "Submit Button" dropdown to customize the button’s appearance, including colors and shape.



In this dropdown, you have all the predefined styles in "Website Look & Feel -> Buttons". You can select one of the predefined styles.

If you want to edit an existing style or create your own style, click on the "Edit Style" button which will open the "Website Look & Feel -> Buttons" sidebar.



The "Submit Button" can be aligned in three ways: "Left", "Center", or "Right".



Next steps

  1. add or edit form fields
  2. set up your form submission email
  3. add another element