To change the look of your survey, go to the Styles Tab in the builder. Here you can customise the appearance by adjusting colours, borders, and other design features. Making your survey match your brand identity creates a better experience for people filling it out.

Layout

Here you'll find your survey layout settings, which control how fields spread across the survey.

Survey Type

Choose whether to show questions one at a time or several at once.

Show Image

Turn this on to add an image to your survey.

Once you've added your image, you can adjust its placement and size.

Input Style

Change how your fields look with the Input Style option.

Width

Make your survey wider or narrower by entering a number. The higher the number, the wider your survey will be.

Field Spacing

This number controls the space between field lines.

Label Width

This setting controls how far the label is from the field horizontally.

Label Alignment

Choose where the label sits in relation to the field.

Padding

Padding adds space around your survey so elements don't touch the edges. You can add padding to the top, bottom, left, or right by entering a number in each field.

Show Label

Turn this off if you want to hide the field label.

The footer type sets how your footer looks and behaves.

Stick to Card: The footer appears on each survey page without showing progress. Instead, it prompts people to continue.

Stick to page: The footer stays at the bottom of the page at every step. You can choose to show progress by step or percentage.

Background Fill

Enter a hex code for the background or choose a colour from the picker.

This controls how thick your footer is; a higher number makes it bigger.

Font Family, Size, and Weight

Customise the font and its appearance for the navigation buttons (Next and Prev).

If you've enabled the progress bar for the Stick to Page footer, you can fully customise it, including the colours of the text and progress bar.

Buttons

Control the look and text of the advance, revert, and complete buttons.

Colours & Background

Background

Click the colour box to change the background colour of your survey, or add a custom code.

Font Colour

This changes the colour of text when people enter data. You can see it by previewing your survey.

Input Background

Change the background colour of the response fields.

Background Image

The background image covers the entire page to create a visually appealing backdrop for your survey.

Header Image

The header image covers the full width of the survey and sits at the top.

Miscellaneous

Agency Branding

In the Miscellaneous section, toggle company branding on or off to show or remove branding at the bottom of your survey. Turn it off to use your survey on a different funnel without the agency branding.

Advanced Settings

Here you can fine-tune the look of your surveys in more detail.

Survey and Input Field

Change the borders and surroundings of your survey and input fields. You can adjust:

  1. Border Width: Add thickness to the border lines.
  2. Corner Radius: Round the corners; higher numbers create rounder corners.
  3. Border Colour: Change the border colour to suit your needs.
  4. Border Style: Adjust how the border looks or remove it entirely.

5. Field Padding: Adds space between fields to prevent them looking crowded.

6. Shadow: Add depth to your survey and fields. The horizontal and vertical fields set the size, Blur sets the opacity, and Spread controls how far the shadow extends.

Label, Short Label, and Placeholder

Change the font, colour, size, and weight for text inside the survey. The label shows above a field (1), the short label shows underneath (2), and the placeholder shows inside a field (3).

Custom CSS

Add custom CSS to your survey to modify its design, such as input field shapes, colours, buttons, and more. Speak with a web developer if you're not familiar with CSS.

With these styling options, you have full control over how your survey looks; from layout and spacing to colours, typography, and custom CSS. Spending time customising your survey improves both how it looks and ensures a consistent, professional brand experience for everyone using it.