Help Center menu

Custom colours and backgrounds

Fine-tune every colour and surface in your form beyond what styles provide.

Form background colour

Click "Background" in the toolbar to change the form card's background colour. Choose from presets or enter a custom hex code.

Form opacity

Below the background colour picker you'll find a Form opacity slider (0–100%). Reducing opacity makes the form card semi-transparent so the page background shows through. Useful for forms with a full-bleed page background image where you want the form to float over it rather than block it entirely.

Default: 100% (fully opaque).

Page background

Click "Page" in the toolbar to change the full-page background — the area outside the form card. Two options:

  • Colour — Pick from presets or a custom hex. Works well when the page background is a solid tint.
  • Image — Upload or paste a URL. A vertical-position slider lets you control which part of the image stays in view as the page scrolls.

Cover

Click "Add cover" (or "Change cover" if one is already set) to add a banner at the very top of your form:

  • Solid colour — Pick from preset cover colours or enter a custom hex.
  • Image — Upload an image. Adjust vertical position with the slider (0 = top, 100 = bottom). A 1200×400px image at minimum renders well across screen sizes.

To remove a cover, click the "×" icon that appears on hover in the builder.

Form background image

Separately from the cover, you can set a background image for the form card itself — the white card area. This tints the form body rather than the header. Works best with light, low-contrast images (watermarks, textures) so the questions stay readable.

Border

Click "Border" in the toolbar to customise the form card's border:

  • Colour — presets or custom hex
  • Width — 0–4px
  • Radius — 0–24px (square to very rounded corners)

Tips

  • For a clean look, match the page background to a slightly darker shade of the form background.
  • Pair a dark page background image with a form opacity of ~85% for a frosted-glass effect.
  • Keep the cover image and form background image consistent in mood — competing textures look noisy.

Give feedback

Was this resource helpful?

|

Up next

Adding your logo

Display your brand logo at the top of your form.

Read more

FAQs

Custom font upload isn't supported yet. You can pick from our built-in font set in the Style panel. Custom font upload is on the roadmap for Pro and Enterprise plans.

In the Style panel, click the Saved tab, then "Save current style". Give it a name and it appears in your Saved styles for every form you build.

Yes — open any saved style and click "Share". The link adds the style to anyone's Saved styles when they visit it. Team-wide style sharing is on the roadmap.