Styling and designing your quiz

Style and customize your quiz's appearance and elements.

You can change the style and options of your quiz in Quiz Kit minimally, or in detail. You have different options for how you'd like to style and customize, from in-app presets to custom code.

In this section:

• Styling in the initial AI quiz setup

• Styling in the quiz builder interface

• Advanced settings

• Custom CSS/Javascript

Styling in the initial AI quiz setup

If you build your quiz with the Quiz Kit AI tool, in the initial quiz setup flow you can choose from a selection of preset theme styles and options without any extra effort. Learn more about customizations in the initial quiz setup.

Styling in the quiz builder interface

If you want to adjust the look and feel of your quiz in more detail, then you can also use the Styles menu in the quiz builder. You can change typography, buttons, input fields, tool tips, and the progress bar.

You can also make customizations to the questions, answers, and results that you set up for your quiz. Learn more about styles in the quiz builder.

---

Advanced settings

In any quiz, you can adjust advanced settings. Advanced settings can help you customize certain features, such as personalizing your quiz for customers, or adding a discount code to your quiz. You can learn more about advanced settings in the Frequently asked questions section, and in the Advanced settings section of the Help Center.

---

Custom CSS/JavaScript

Additionally, if you're knowledgeable about code, then you can also add your own custom JavaScript and CSS from within the quiz builder or in your theme editor. Learn more about applying custom CSS and JavaScript to your quizzes.