Buttons

Customize the appearance of buttons throughout your quiz to align with your brand.

Where buttons appear

These settings control the appearance of buttons on the following screens:

  • Intro screen: "Start quiz" button

  • Question screens: The answer choices from which participants choose

  • Explanation screens: "Continue" or "Next" buttons

  • Form screens: "Submit" button

  • Results screen: Call-to-action buttons

Button styling options

🎨 Background colour

  • This allows you to choose the button background colour

  • Click the colour square to open the colour picker

  • Choose a colour from the options you’ve previously saved or enter the hex code of the colour you want to use

  • Click Done when you’re finished

🎨 Text colour

  • This is where you select the colour of the text on the buttons

  • Click the colour square to open the colour picker

  • Choose a colour from the options you’ve previously saved or enter the hex code of the colour you want to use

  • Click Done when you’re finished

Font size

  • Select from dropdown menu

  • The options available are 16px, 18px, 20px, 22px and 24px

  • Larger button sizes work better on mobile, but if you have long answer options in your questions, you might want to reduce the size of the button text to reduce the overall button size

Bold text

  • Toggle ON: Makes button text bold

  • Toggle OFF: Button text is not bold

Important note: Make sure you have sufficient contrast between the button text colour and the button background colour.