# Styling and designing 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 with a template](#styling-with-a-template)
* [Styling in the quiz builder interface](#styling-in-the-quiz-builder-interface)
* [Advanced settings](#advanced-settings)
* [Custom CSS/Javascript](#custom-css-javascript)

## Styling with a template

If you build your quiz with a template, then in the initial quiz setup flow you can choose from a selection of preset theme styles and options without any extra effort.

These templates are starting points that can be further customized in the quiz builder.

## 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.](/account-and-settings/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](/advanced-settings/personalizing-your-quiz.md), or [adding a discount code to your quiz](/faqs-and-support/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](/faqs-and-support/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.](/faqs-and-support/frequently-asked-questions.md#how-can-i-add-my-own-custom-css-and-javascript-to-quiz-kit)


---

# Agent Instructions: 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/building-a-quiz/styling-and-designing-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.