Style settings
Learn how to edit and update global and page-specific style settings.
You can apply different style settings to your quiz both locally (at the question and answer level), and also globally (to the entire quiz).
In this section
Global style settings
These settings are applied to every page.
Typography
Use live theme fonts or pick custom fonts; separate font styles for headings, body, accent, and tooltips.
Stick to two fonts to keep your website loading fast.
Colors
General color palette, and specific colors for form fields and tooltips.
Use brand colors and high-contrast combinations to support accessibility.
Buttons
Button font, opacity, corners, colors.
Use a contrasting hover color to signal tap.
Input fields
Border radius, GDPR text alignment.
Keep placeholder copy friendly (“Your email here”).
Tooltip
Icon position, heading and description text alignment.
Use for clarifying terminology or next steps.
Custom CSS
Custom styling and overrides.
Use sparingly.
Button styles
You can customize up to three different button styles to control how buttons look in your quiz: Primary, secondary and tertiary.
You can:
Set styles globally so all your pages use the same button styles
Customize styles locally on individual questions or pages when you want a more nuanced level of customization
If you choose to customize only the global button styles, here's what they apply to throughout the quiz:
Primary – answer buttons
Secondary – start quiz button
Tertiary – navigation buttons, like Next and Back
This setup helps you keep your quiz consistent, but still gives you flexibility when you need it.
Page‑specific controls
Fine‑tune each step of the journey.
Intro
Heading, subheading, button, and main image, custom JavaScript
Questions
Question format, options to show image and bullets, marketing property name, progress bar toggle, ability to select multiple answers, ability to skip the question, and custom JavaScript.
Question heading, description, bottom text, image, tooltip heading and description.
Answers
Image shape, color, size, style, text alignment, custom URL redirect checkbox.
Forms and email
Heading, description, bottom text, button label, image, tooltips, field type, name, placeholder, skip question toggle, hide field names toggle, GDPR checkbox, fake‑email validation, custom JavaScript.
Results (General)
Show/hide “Add to Bag”, “Add All”, “Retake Quiz”.
Results (Products)
Full‑width CTA, quantity picker, info toggles, variant display, and image rules.
Progress indicators
Layout, number of questions per step, navigation text, next/back buttons, show arrow checkbox.
Last updated
Was this helpful?