How to Set Your Quiz to RTL (Right-to-Left)
Introduction
If your audience reads in a right-to-left language — such as Arabic, Hebrew, Persian, or Urdu — you can set your Quizell quiz to display right-to-left (RTL) so it reads naturally for them.
In Quizell, RTL is a single global setting: one toggle in the Design tab switches the whole quiz — text, progress bar and navigation buttons — to right-to-left. You can then use Quizell’s layout tools to fine-tune the rest so the whole quiz feels properly mirrored.
This guide walks you through enabling RTL for your quiz and polishing the layout.
Before you start
- RTL controls direction, not translation. The toggle flips the reading direction and alignment — it doesn’t translate your text. Write or translate your quiz content into your target language first. (You can draft content with the AI chat in the editor or translate it manually.)
- Choose a font that supports your script. In the Design tab, open Font and pick heading and text fonts that render your language correctly.
Where the RTL toggle lives
In the Editor, open the Design tab in the right panel and expand Layout & Shapes. The RTL Direction toggle applies to every page of your quiz, so you only need to turn it on once.
Step 1: Open the Design tab
- Open your quiz and click the Design tab in the right panel
- Expand Layout & Shapes and find RTL Direction
This one setting controls the reading direction for the entire quiz.

Step 2: Turn on RTL Direction
- Click the RTL Direction toggle to turn it on
- The text in the preview now aligns and reads right-to-left
You don’t need to enable RTL on each element separately — the setting applies to all pages.

Step 3: Check your question pages
- Open a question page from the page thumbnails below the preview
- Check that the progress bar fills from right to left and the Next and Back buttons have swapped sides
Repeat for each page to make sure everything reads naturally.

Step 4: Rearrange your layout for a polished RTL look
The RTL toggle handles direction and alignment, but for a truly mirrored design, adjust your layout using Quizell’s standard editing tools:
- Move side images to the opposite side. If your image sits on the right with text on the left, swap them so the image is on the left and text on the right.
- Set text alignment where it makes sense, using the Align options in Design > Layout & Shapes or in each text element’s settings.
- Mirror your spacing by adjusting padding so margins match the new direction.
Because you're using the same positioning, alignment, and padding controls you already know, you can fine-tune any page to look right in RTL.
Step 5: Preview and save
- Use Preview (and the desktop/mobile toggle) to check the flow reads naturally right-to-left
- Click Save when everything looks right
Best practices
- Turn on RTL Direction once in Design > Layout & Shapes — it applies to the whole quiz.
- Check every page in the preview so nothing reads left-to-right by mistake.
- Mirror your layout, not just the text. Flipping images and alignment is what makes a quiz feel genuinely RTL rather than just translated.
- Pick a script-friendly font so characters render cleanly.
- Preview on both desktop and mobile before publishing.
Important notes
- RTL is a single global setting in Design > Layout & Shapes — it applies to every page of your quiz.
- RTL changes direction and alignment, not language — translate your content separately.
- Turn the toggle off at any time to switch the quiz back to left-to-right.
Troubleshooting
Some text still reads left-to-right
- Make sure RTL Direction is turned on in Design > Layout & Shapes. Content written in a left-to-right language will still read left-to-right, so translate your content first.
My buttons are in the wrong order
- Turn on RTL Direction in Design > Layout & Shapes — it swaps the Next and Back buttons on every page.
The layout looks off even with RTL on
- The RTL toggle doesn’t reposition images or blocks. Manually move side images to the opposite side and adjust alignment and padding.
Characters aren't rendering correctly
- In the Design tab, open Font and choose fonts that support your language’s script.
What's next?
- How to Personalize Quiz Content Using User Data
- How to Use the AI Design Editor
- How to Build a Personality Quiz
- How to Add Custom CSS to Your Quizzes
With RTL set up, your quiz will read naturally for right-to-left audiences.
Updated on: 26/10/2026
Thank you!
