bluebarry.
ReviewsPricingResources
Sign inBook a 15 min demo
Help Center/Quiz builder/Customize Quiz Theme and Layout

Customize Quiz Theme and Layout

Martijn Douma
Martijn Douma · Co-founder bluebarry
Updated May 15, 2026

Theme and layout settings help the quiz feel like part of your storefront. Adjust colors, fonts, button styles, cards, images, and responsive layouts before launch.

Update Styling

Quiz theme controls shown beside a quiz preview.
  1. Go to Dashboard.
  2. Open the quiz funnel you want to style.
  3. Click Design quiz.
  4. Click the Design icon in the left panel.
  5. Click Edit on the theme card you want to change.
  6. Use Brand identity to upload or change the logo.
  7. Use Typography to review Body font and Headings font.
  8. Use Global colors to adjust Page background, Primary text, and Progress bar.
  9. Use Buttons & inputs to adjust Primary buttons, Background, Text, and Size.
  10. Review the preview on desktop and mobile.

After styling changes are saved, the quiz preview updates. Publish the quiz when you want the changes to reach shoppers.

Styling Checklist

AreaWhat to review
ColorsButtons, highlights, and selected states match the brand.
TypographyQuestion and answer text is readable on mobile.
ImagesAnswer images and product images do not crop important details.
SpacingThe quiz does not feel cramped in popup or embedded display modes.

Related articles

Quiz Editor Overview

The quiz editor is where you design the customer experience, connect answers to products, test the flow, and prepare the quiz for launch.

Read article →

Design the Start Page

Design the start page that welcomes shoppers before the first quiz question and sets expectations for the experience.

Read article →

Preview and Test a Quiz

Preview and test your quiz before publishing so you can catch confusing questions, broken paths, and empty recommendations while changes are still in draft.

Read article →

Can't figure it out? We probably can.

Every article here was written by the people who built the product. If one of them still leaves you stuck, tell us and we'll fix it.

Contact usJoin Discord, free forever
bluebarry.

Helping beauty, health and outdoor brands reach their dream AOV

[email protected]+31 6 57 16 10 87De Ried 10, 9285KK Buitenpost (The Netherlands)
Martijn DoumaStan van RooyAnco PostmaJelmer Reitsma

The guys that are increasing your AOV.

Platform
Quiz funnelsLanding pagesProduct QuizRecommendationsSearchIntegrationsPricing
Resources
CasesHelp centerFAQCompare
Company
Contact usPartners & affiliateReviewsRequest demo
Book a 15 min demo
© 2026 bluebarry. All rights reserved.
Privacy PolicyCookie PolicyTerms & Conditions
bluebarry