You can edit the design of your forms to match the design of your website and keep everything looking uniform. You will be able to easily change the colour and opacity of the field background and field border, border width and radius, input text colour and button alignment in your design settings.
How to change the form design
You have 2 options to change the form design
- If you want to make changes to all the forms on your website, go to Change Design in the top left corner of your dashboard and go to the Form section.
- If you want to change the form design for an individual form (not all forms), you can go to the edit stack design settings (the top right of each stack) and click the form section
You will be able to change:
- the form background colour and opacity
- the border colour and opacity
- the border width and radius
- the input text colour
- the button alignment
Please Note: The text colour and sizing for form dropdown items cannot be customised. The text colour will be grey (refer to the example below).
How to change the button design
In your editor, click the edit pencil on top of the form
There will be an icon to click and change the button style - all of your saved button styles will display in the dropdown to choose from. You can edit existing button styles or add new button styles within the "button styles" change design settings.
The message that appears once a customer has filled out the form is directly linked to the form button styles. You can play around with the button in the stack to check this out and make it more unique.