Octane AI offers a custom CSS toggle in quizzes. While quizzes normally use dynamic classes, enabling custom CSS will set customizable class names instead.
How to turn on custom CSS
Open your quiz in the Octane AI quiz editor.
In the quiz editor, navigate to Design and click on Custom CSS.
Click on 'Enable custom class names'.
When disabled, many quiz elements will have dynamic class names instead.
Editing class names
You can either use the class names that are generated when custom CSS is enabled, or replace the class names with your own.
You can use multiple classes for a specific element as long as each entry is separated by a space.
Once you have your custom CSS file ready and linked to your quiz, you can start customizing the aesthetics of your quiz.
Whether it's changing the color scheme, adding animations, or tweaking fonts and layouts, the custom CSS provides a powerful tool to bring your quiz to life. In your CSS code, target the custom class names given in the quiz editor or this glossary to affect specific elements within your quiz.
Do note that applying custom CSS rules require knowledge in CSS and HTML development. For detailed instructions or specific issues, we recommend reaching out to a developer.