Introduction

Custom CSS allows you to fully personalize your quizzes, tailoring them to match your brand’s style and enhancing the user experience. With Quizell, adding and managing custom CSS is simple and flexible. Follow this guide to customize your quizzes with CSS.

Step-by-step Setup Guide

Step 1: Access Your Quiz’s CSS Editor

In the Quizell dashboard, navigate to the Quizzes section.

Locate the quiz you want to edit and click to open it.



In the top menu, click Configuration.

In the left-side menu, select CSS.

Step 2: Add Your CSS Code

Write your Custom CSS code in the dedicated box.



Once you’re satisfied, toggle the Custom CSS button at the top right of your screen.

Click Save Changes.

Step 3: Add Custom Classes to Your Quiz

Locate the element in your quiz that you want to customize and click on it.



In the left-side menu, enter the new class in the Custom Class field.



Click Save to apply your changes.

Step 4: Publish Your Code

Return to the CSS editor in the Configuration panel.

Toggle the button from Draft to Live in the top right corner of your screen.

Click Save Changes to finalize your updates.



🎉 Congrats! You’ve successfully added custom CSS to your quiz. With these updates, your quiz is now fully tailored to your brand’s style, ensuring a seamless and engaging user experience.

Updated on: 10/01/2025