Where to find styling settings
Form appearance is configured in the Form Settings Sidebar (the right panel in the editor when no field is selected) and the Form Settings Dialog (the gear icon).Accent color
The Accent color controls the form’s primary interactive color. It affects:- The progress bar on multi-page forms
- Button backgrounds
- Active selection states
#4573d2.
Logo
Upload a Logo image to display your brand at the top of the form. The logo appears above the form content. Recommended: Use a PNG or SVG with a transparent background. No specific size is enforced, but keep logos under 200px tall for a clean appearance.Header image
The Header image adds a visual image to the form. You can control where and how it displays using the Header image position setting.Header image positions
The position setting uses a visual icon grid selector in the sidebar. Click an icon to choose where the header image appears:| Position | What it does |
|---|---|
| None | No header image shown |
| Top | Image spans the full width above the form content |
| Left | Image displays as a left sidebar alongside the form |
| Right | Image displays as a right sidebar alongside the form |
| Background | Image displays behind the form card as a background |
| Full background | Image covers the entire page background |
Header image color
The Header image color sets the background color in the area behind or around the header image. This is visible when the image does not fill the entire area (for example, when using the Top or Left position with an image smaller than the container).Favicon
Upload a Favicon to change the browser tab icon when respondents have your form open. See Favicon for details.Appearance settings reference
| Setting | Location | Description |
|---|---|---|
| Logo image | Form Settings Sidebar | Brand logo displayed on the form |
| Favicon | Form Settings Sidebar | Browser tab icon |
| Header image | Form Settings Sidebar | Visual header for the form |
| Accent color | Form Settings Sidebar | Primary color for buttons and progress bar |
| Header image color | Form Settings Sidebar | Background color behind the header image |
| Header image position | Form Settings Sidebar | How the header image is placed |
Common questions
Can different pages of the same form have different styles?
Can different pages of the same form have different styles?
No. Styling is set at the form level and applies to all pages.
Can I use a dark background with light text?
Can I use a dark background with light text?
Yes. Set a dark accent color and use the Full background header image position with a dark image. The form card itself has a white background by default.
What image formats are supported for the header?
What image formats are supported for the header?
PNG, JPG, and WebP images are supported. For logos, SVG is also accepted.
Will my styling apply to the embedded version of the form?
Will my styling apply to the embedded version of the form?
Yes. The embedded iframe shows the same styled form.