How to custom design a Form's background

Ready to create beautiful online forms? Adding a custom design to your form's background can help those fields pop, especially if you want to make your form its own landing page.

Here's the step-by-step:

1. Select Form

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

2. Add and customize fields

Using the form's Builder tools add fields to your form.

This is where you can reshape, resize, and reposition your form fields. Remember to also edit each field's settings so they are optimized to your needs.

3. Go to Design

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

4. Go to Advanced

On the right-hand side of your form, you'll see the Advanced option, click it.

Scroll down to the option to customize the form's background and select it.

5. Choose a background Color

If you just want to add some color, you can choose from the color menu or add the specific color code.

You can also modify the color transparency of your form using the same menu.

6. Choose a background Image

You can add an image to your form's background by uploading the image of your choice into the box.

Bonus tip

Notice that your fields get pretty hard to see when you upload an image or use a very dark color.

Your form might look like this:

This can be easily fixed.

  1. Still on Advanced Settings, the top section, find Style
  2. Change the Style

Awesome! Now let's say you want a middle ground, you want those fields blending in a little better.

  1. Go to Fields
  2. Select the Background Color menu
  3. Change the transparency to your taste.

Or 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 can be undone. If you change your mind, simply click on undo on the left sidebar.

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.