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

  • Button styles

• Page-specific controls

---

Global style settings

These settings are applied to every page.

Setting	What you can style	Best practicies
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.

Page	Adjustable elements
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.