1. Select Form

To edit a form’s design you need to login to MightyForms App, then:

Select an existing form from your dashboard
Create a new form from scratch
or Select one of the Templates.

2. Add and customize fields

Using the form's Builder tools you can reshape, resize, and reposition your form fields. Remember to also edit each field's settings if you need them to be required, edit the placeholder content, include icons, etc.

3. Go to Design

On the sidebar of your builder dashboard, you can see the Design tab. Click it.



4. Choose a Theme

The quickest way to customize a form's design is to select an existing theme.

On the left side of your form builder, you can see your Themes menu. You can apply an existing theme to your form, either from MightyForms or one of your saved themes.

Note: When selecting a theme, your current design choices will be overwritten and cannot be undone.



Once you are satisfied, click 'Publish' or 'Update' to save your work and publish it.

5. Choose Font

On the right side of your form builder, you'll see the Basic/Advanced settings. The first choice is to select the font.

Under the Basic Settings, you can select a predetermined Font Pair. This affects Labels, Placeholders, and Default Values.



Or you can go to Advanced Settings and customize the font pair.



6. Choose Font Color

Under Advanced Settings, you can change the color, size and style of every text in your form: Fields, Labels, Placeholders, Buttons, Error, and Steps



7. Choose Primary Active Color

Under Basic Settings you can choose a ready-to-go Color Scheme. These colors will appear on buttons, labels, field borders, and so on. Simply select the color visually, or input the color code and click 'Apply'.

Under Advanced Settings you can input the colors for each section individually.

8. Determine Row Margin

Under Advanced Settings, decide how much space you want in between form fields and the style.



10. Edit Label Float

Your fields' labels 'float' over the answer always, or stay in the place of the placeholder with auto.

You can always Preview how your design will look like across different devices, as well as click 'Undo' and 'Redo' as you edit.
Was this article helpful?
Cancel
Thank you!