In this article, you'll learn:
- Go to ‘Settings’ >> ‘Theme’ of any quiz you want to customize from the dashboard.
Step 1: Adding a logo is simple and easy. Just go to the Logo section and upload it from your system. You're done.
Step 1: Under the Background section, you get the following settings to change and customize.
1. Clicking Change Background will take you to the following window.
You can upload an image from your system, use the ProProfs library to select a background image, or search Google for a wider variety of pictures if you want.
Furthermore, the Color section allows you to change the color of the background.
Click Done to apply the background image.
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5MTgvY2tmaW5kZXIvaW1hZ2VzL1RoZW1lJTIwKDYpLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTczOTkxNjEyMn19fV19&Signature=gv0X09cCMxAchW-gnvEcu0~Gf91Y-Sdcs8us8sQG7bN8a3nRncrlbdJfkgzwWitt0HYswXSQO7CuD7MYxTXO9cilRAtCKaALpAtFB7d4oenJ3Rydhkb9FB-Ji5Y6kd20VpHllxpi2KriKmqjaVdIMKvjVEmD3JSnK9SVg5C5eFRcSgO7phxGb0Z9EQfPAXmJ8-pOn~5a6qHg28nn-OAJUU05f-vBOCianYcpvlkpv-pSHDuTjfNzlx-XNtGjubtWJR~Y25N-kXOapewwhobV1k3lbE7UKUCqrUKJ0dfKRnNIYXp7trb8~ErxB2jbkGHr9UIhhi7g933zFP7zvpNwNQ__&Key-Pair-Id=K2TK3EG287XSFC)
2. You can adjust the brightness of the background image.
3. You can customize the scaling of the background image to make it fit perfectly according to your screen. For example, you can align the image centrally, stretch it, fill it, put it as tiles, or make it fit according to the screen's proportions.
Step 1: Under the Colors section, you get the freedom to individually change the colors of various text elements in your quiz to make it visually appealing.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5MTgvY2tmaW5kZXIvaW1hZ2VzL3F1L1F1aXolMjBNYWtlciUyMC0lMjBFZGklMjAoNikucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzM5OTE2MTIyfX19XX0_&Signature=j1OTDmWJXEbDFteTaRsvdBX46~teIEbbLh9UpK6cBKd0BRjPARa~2ufB3bhiw4qse0n0t-BnDqs9oOiQPO7NCiXbU-C8bukY6vz8ivX8h6YGAy0FeRszXkcD1g5NGQb6Cntb20a3OLsnA23GbWtdGmlESgHFAUPDnmdWWcCCHTjN7yTQ03r1RFlgsEb8Pl3YijDsY3P0rql0td-8Ai6YX3rgvkujtTeIFSdOy1xo9edPruC9jXHzn5NJpygMX9Op6ruS5buj9M6IGKqcqhh1OZuocjz8QLZMU1Llgi5MyeospTXp2HRMCSpfo-hrIGD0FIi~L-JoQcHKK5CqpVEqEA__&Key-Pair-Id=K2TK3EG287XSFC)
Step 1: Click Font Family and select a font that you want to use. The selected font is applied to the entire text in the quiz.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5MTgvY2tmaW5kZXIvaW1hZ2VzL3F1L1F1aXolMjBNYWtlciUyMC0lMjBFZGklMjAoNSkucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzM5OTE2MTIyfX19XX0_&Signature=JYCxqaTy1xv25GZGqRcKbJA8nQfZEsNsFOfNC~yu4t2UDta2W3LrLBzrTEVP5kp3MgW0bAMpQUt8-ovdvxIK9UEROL7CBDEnguojPm4FfxsMcU0loER3cJhekKWnS74p8g~~LpfbwrNkfu4uPE2qCmgbNhP05PA0t9V9dP1lkH~2k3RszJI-uszLlh1JF5YMzZ~ZuAuNFY4QXcB2wl9WPlxmpDwQU~MumKKAXMqLuTpHOi52I6l0c9K5yJgRddHPW8HNhfyqlpA0shY8Wloyj1RzNi3B8XwRxHn0eA0STRKa3kitN6K9ktJ6Ltp0Of8xK2d89xAgTQYeWGRsWgPZLg__&Key-Pair-Id=K2TK3EG287XSFC)
Step 1: Go to the Font Size section, where you can customize the text size of the following elements.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5MTgvY2tmaW5kZXIvaW1hZ2VzL3F1L1F1aXolMjBNYWtlciUyMC0lMjBFZGklMjAoNCkucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzM5OTE2MTIyfX19XX0_&Signature=jPfTZ5PcD8NLgK5farK~~5TgNyP-UUEpTSw2LjPRAgeEF~RSny-bULGTLjwjOG2O9FN2K6HoiBJeDMwLtq~4mPa-hJn8c7XMBxToqi9UeYISeTppSi22LawYGlC80fdValB8GwhaQ2NrVkZZXy5JYywh0E93mcUR8R5Gn3j8g9pDN7bekhnrVS53dg1zWAcDvYg4JU0Vi6aXrFGmpbB4TaXbgB3Y0WaaRksLPGR14i9RyxySaJGr3waucycnIpw~IIa7zd6-q7j1UgDZE3AYghRCSLqzrp7MeaCLOZccNxODh21GGEFrzWb8x4w0S719zR6OOdGq9eQ~swk9f7JZZg__&Key-Pair-Id=K2TK3EG287XSFC)
Step 1: Under the Buttons section, you can change the button color and the text color. Also, you can name every button differently.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5MTgvY2tmaW5kZXIvaW1hZ2VzL3F1L1F1aXolMjBNYWtlciUyMC0lMjBFZGklMjAoMykucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzM5OTE2MTIyfX19XX0_&Signature=rhRoXaBzfjXBOYZ3B9cRQNacgwLA8pAPRsgj1zH5xHid31~n4-E~0atpUXDsOHVFT19a1gcKCMEwtG3rpeqher6JSbrt3l59rG611hA-RtIcW9OUGPsVahBtPi33HUpIEvdHL9R5uwimQzmEF-xOOcmQ1XxQUQrWN~abXoc-j8L6xcDr-P0mkMbyvDH92K5JL4~~BNhvKImF2q9XSZ9fwyRr8t76Av1CRgvSPBTEBZBx-0DSsTyyUqmgMnSnnjEymZklFvjPs1U0O7hY~S2iEm8ZqV-LSeEAtARVTcVxwOL~fPCe30VLouV2lGKIUdGFWLJTnNRUpyQy4oc9q-x-UQ__&Key-Pair-Id=K2TK3EG287XSFC)
Step 1: Click to expand the “Alignment” option at the bottom of the left panel.
Step 2: Set the alignment for the quiz title and cover image from the dropdown menu.

After setting the alignment, you can preview it by clicking the Preview button.
When aligned left:

When aligned center:

When aligned right:

Once you’re done customizing the theme, click ‘Save as new theme,’ give it a name, and it will appear under ‘My Themes.’

Note: If the same theme is applied to multiple quizzes, any changes to that particular theme will be reflected in every quiz.
That is all about adding and customizing a theme for your quiz.