- Using SafetyCulture
- Training
- Manage course and quiz themes
Manage course and quiz themes
Learn how to manage training course and quiz themes via the web app.
What are course and quiz themes?
Course and quiz themes are customization options you can apply to your training material to make the learning experience even more engaging for your teams. From selecting color schemes to adding logos, you can create visually stunning courses that help distinguish between companies, sub-brands, and topic groupings.
What you'll need
Managing the default theme for training courses requires "Training: Administration" permission.
Manage the default theme
Select
Training from the menu on the left-hand side.Click
on the upper-right corner of the page.Select Content and manage the following settings for your default theme:
Default color scheme: Configure the primary and secondary colors and fonts. We recommend that you use contrasting colors.
Default logo: Upload a logo to use in your courses. We recommend that you use an image that's 40 x 40 pixels.
Default background: Upload a background to use in your courses. We recommend that you use an image that's 1200 x 600 pixels.
Default CSS: Check the box to add custom CSS code to your courses.
Changes are saved automatically.
Course themes don't apply to quizzes, and depending on where you update your course themes, customizations may override each other. For example, slide customizations override lesson themes, lesson customizations override course themes, and course customizations override the default theme.
Manage the theme for a course
Select
Training from the menu on the left-hand side.If you're on the "Learn" page, click Content at the top of the page and select Courses.
Hover your cursor over the course and click View or Edit.
If you're editing an existing course and it's published, click
Edit on the upper-right of the page.You can edit the theme for your course in two ways. Either at the course level or the lesson level:
Course level: Click
Theme on the lower-left corner of the page. Then, edit the course's theme on the right-hand side.
Lesson level: Click
Theme on the lower-left corner of the page. Then, click the lesson on the left-hand side to edit its theme on the right-hand side.
Depending on how you're managing your course's theme, you have the following settings available:
Logo: Upload a logo to use in your course. We recommend that you use an image that's 40 x 40 pixels.
Background: Upload a background to use in your course. We recommend that you use an image that's 1200 x 600 pixels.
Color scheme: Configure the primary and secondary colors and fonts. We recommend that you use contrasting colors.
Advanced: Add custom CSS code to your course. You can also add CSS code at the lesson level.
Once you're ready, click Save changes on the upper-right of the page.
Click
on the upper-right of the page.Publish or republish the course to make the changes available.
Please note that theme customization options are limited for "Discussion", "Assignment", "Practical", and "Meeting" lessons.
Managing themes for quizzes requires "Training: Manage content" permission.
Manage the theme for a quiz
Select
Training from the menu on the left-hand side.Click Content at the top of the page and select Rapid Refresh Quizzes.
Hover your cursor over the quiz and click Edit.
Click Settings on the upper-right of the page.
In the pop-up window, select Branding.
In this tab, you have the following options to manage the quiz's theme:
Background: Upload a background to your quiz. We recommend that you use an image that's 1200 x 600 pixels.
Logo: Upload a logo to use in your course. We recommend that you use an image that's 80 x 80 pixels.
Color Scheme: Select the primary and secondary colors.
Custom CSS: Add custom CSS code to your quiz.
Changes are saved automatically.
Was this page helpful?
Thank you for letting us know.