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
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.