Using the Editor Theme to Style Your Quiz

Introduction

The Editor Theme in Quizell allows you to easily style your quiz so it matches your website’s branding.

You can automatically apply your website’s colors and fonts, then fine-tune elements like buttons, backgrounds, and animations — all with a live preview.

This guide walks you through using the Your Website Theme option step by step.

Step 1: Open the Theme Panel

To start styling your quiz, open the Theme section from the editor.

Open your quiz from the Quizell Dashboard.
Click on the Theme icon in the left sidebar.
The Themes panel will appear with available options.

Step 2: Select “Your Website Theme”

Quizell allows you to style your quiz based on your website design.

Click on Your Website Theme.
Add your website link this option helps match your quiz with your website’s branding.

Step 3: Enter Your Website URL and Scan

Now, add your website URL so Quizell can fetch design styles.

Enter your website URL (example: https://quizell.com).
Click Scan Your Website.
This will scan your site for fonts and colors.

Step 4: Save and Apply the Theme

After scanning, save and apply the theme to your quiz.

Click Apply.
Click Save to store the theme.
The quiz preview updates automatically.

Step 5: Apply the Theme from My Themes

The saved website theme will now appear in My Themes.

Go to the My Themes section.
Click the three-dot menu on your website theme.
Select Apply to activate it.

Step 6: Customize Theme Settings

Once applied, you can further customize the theme settings.

You can adjust:

Logo
Font
Buttons
Background
Progress Bar
Loader
Animation

All changes are reflected instantly in the quiz preview.

Final Note

Using the Editor Theme in Quizell helps you create quizzes that feel like a natural extension of your website, while still giving you full control over the final look and feel.

Updated on: 28/01/2026

Was this article helpful?

Thank you!