Skip to main content

How do I change the quiz colors?

Step-by-step guide to editing quiz colors and managing named themes in the PerfectMatch quiz builder.

Written by ZP Support Team

Quiz colors live in the quiz builder's Styles tab. Each quiz can have one or more named themes, and every theme has three colors you can edit.

Change the colors

  1. Open your quiz in the quiz builder.

  2. Click the Styles tab in the left icon bar.

  3. Select the theme you want to edit (or keep the active one).

  4. Click a color swatch — Primary (buttons and accents), Background, or Text — and pick a color or enter a hex code.

  5. Changes appear instantly in the live preview. Save when you're happy with the result.

Work with themes

Themes let you keep several color sets for the same quiz and switch between them:

  • Add a new theme to try a different look without losing your current one

  • Duplicate a theme to use it as a starting point

  • Rename or delete themes to keep things tidy

  • Select which theme is active — that's the one shoppers see

  • Reset to store default to return to the colors automatically detected from your live Shopify theme

Colors are saved per quiz, so each quiz can have its own palette. If your quiz is already published, click Update in the builder to push the new colors to your storefront.

Did this answer your question?