Styling your form
Style your Fillout form to match your brand. Choose from dozens of pre-built themes or make your own.
The form designer lets you change the theme for your whole form. You can re-use any themes you make across all your forms in Fillout.
Click on the pen icon in the top left of the form editor to open the form designer.
Next, choose from one of the pre-built themes in the "All themes" section. Press "Use theme".
You can now customize many aspects of your form, including:
- 🎨The background colors
- 🔵 Primary color (used for buttons and accents throughout the form)
- ✒️ The question and answer colors
- ⬅️ The form positioning. Choose from:
- Form in the center
- Form with background image
- Form with cover image
- Form to the left/right with image
- 🔠 Size and font of the form text and buttons
There are lots of other ways to style your form, too. Read on to learn more!
Find the "logo" field in the left-hand side panel and add it to your form.
You can provide your company's logo and customize the color scheme.
The Fillout "Heading" field type lets you add formatted text to your form using a rich text editor. You can change colors, positioning, size, alignment and more.
Images are a good way to make your form more visually appealing. Just drag and drop the image field type onto your form. You can even display a dynamic image.
You can change the color of certain elements of your form in the left-hand side panel. Contact firstname.lastname@example.org if you'd like to customize an element that doesn't yet have that option.
If a form page has a lot of questions on it, you might want to add multiple sections. Of course, you can always create a multi-page form, instead.
To add multiple sections, drag and drop the "Section collapse" field type onto your form. You can also use the "divider" field if you don't want sections to collapse.
Adding a progress bar can make your form more aesthetically pleasing and also tell your users how much longer they have left to go.