> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.skailama.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Byte - Designing your Quiz

# How to change the look and feel of the Quiz?

| We highly recommend you that you [contact us to help you setup the quiz design](https://rebrand.ly/byte-demo)!

### To add/change the background image of the quiz, navigate to Create -> Design -> Background Image

![Background Image](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_im4q5l.png)

![Upload Background Image](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_1jwbs3q.png)

### To add/change background, text or button colors of respective quiz elements, navigate to Create -> Design -> Colors & Styles 

![Change colors and styles](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_elr774.png)

###### To change overall theme, edit the quick settings to reflect throughout the quiz.

![quick design settings](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_1qbt71r.png)

###### To change every individual aspect of the quiz, disable quick settings use advance settings!

![advance design settings](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_z2jp3n.png)

### You can also change the overall layout of the quiz, the font **(currently it uses your store's font by default) ** or even just go crazy on any design aspect in detail with Custom CSS 

| We highly recommend you that you [contact us to help you customize on this](https://rebrand.ly/byte-demo)!

![Layout, Font, Custom CSS](https://storage.crisp.chat/users/helpdesk/website/435d7ae6aac9ec00/image_1h1td14.png)