> For the complete documentation index, see [llms.txt](https://support.quizkitapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.quizkitapp.com/~/changes/175/build-and-publish/styling-and-customizing-your-quiz.md).

# Styling and customizing your quiz

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-initial-ai-quiz-setup)
* [Styling in the quiz builder interface](#styling-in-the-quiz-builder-interface)
* [Advanced settings](#advanced-settings)
* [Custom CSS/Javascript](#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](https://support.quizkitapp.com/getting-started/first-time-user-guide#step-3-designing-and-customizing).

## **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.](/~/changes/175/navigating-the-interface/quiz-builder/styles.md)

***

## **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](/~/changes/175/advanced-settings/personalizing-your-quiz.md), or [adding a discount code to your quiz](/~/changes/175/faqs/frequently-asked-questions.md#how-do-i-add-a-discount-code-to-my-quiz). \
\
You can learn more about advanced settings in the [Frequently asked questions section](/~/changes/175/faqs/frequently-asked-questions.md), 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.](/~/changes/175/faqs/frequently-asked-questions.md#how-can-i-add-my-own-custom-css-and-javascript-to-quiz-kit)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.quizkitapp.com/~/changes/175/build-and-publish/styling-and-customizing-your-quiz.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.