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
- add or edit form fields
- set up your form submission email
- add another element
Related Articles
How to edit box style
In this guide, you will learn how to modify the style of a box element. Step 1 - open editor Open the "Box Settings" editor. Click "Edit Box" on the hover menu or double-click on the "Box" element you want to customize. In the "Box Settings" editor, ...How to change image style
In this guide, you will learn how to modify the style of an image element. Step 1 - open editor Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image ...How to change button style
This section will explain how to select and customize a "Button" style. Step 1 Open the "Button Settings" editor. Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize. In the "Button Settings" editor, ...How to edit contact forms and add new form fields
In this guide, you will learn how to edit the Form element, manage form fields, and configure various settings to customize your form. Step 1 - open editor Open the "Form Settings" editor. Click "Edit Form" on the hover menu or double-click on the ...How to change navigation links style
In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...