Custom form style & design

GIve your form a visual makeover with powerful custom form styling and custom CSS

What can you do with custom form styling?

Custom form styling in our form builder lets you completely change the look and feel of your form.

For example, you might wish to change the background color of your fields to grey, or set the outlines to blue. Custom styling lets you do all this and more.

The following attributes can be configured easily from within the editor:

  • Parent container background
  • Parent container background tint opacity
  • Form background
  • Form width
  • Form top margin
  • Form footer margin
  • Primary color (affects progress bar and button colors)
  • Body text color
  • Error color
  • Label color
  • Text color
  • Background color
  • Button color
  • Button selected color
  • Button text color
  • Button border color
  • Outline color
  • Radio/checkbox color

What can you do with form CSS?

CSS is a bit trickier to use, but even more powerful than custom form style configuration. With CSS, you can adjust your form style to just about anything you can think of.

Here’s an example of using CSS style to make all of your form CSS elements 100px wide:

// Sets all text inputs to be 100% wide
[type=text] { width: 100%; }

How to style a form with Growform

To style a form on Growform, simply click the “Theme” button on the right-hand side of the editor:

Then, simply edit the form styles as much as you need from the styling options presented.

Which plans include custom form styles?

Custom form styles and custom CSS are both available on all plans.

Hobbyist plan

  • Yes

Agency plan

  • Yes

It all starts here...

Start creating beautiful, multi-step forms that convert with a zero commitment free trial (no credit card required):