Last updated:

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.

An example of the course default theme settings on the web app.

Managing the default theme for training courses requires the "Training: Administration" permission.

Manage the default theme

  1. Log in to the web app.

  2. Click Training iconTraining from the menu on the left-hand side and select Manage.

  3. Click image on the upper-right corner of the page.

  4. Select Content and manage the following settings for your default theme: An example of the course default theme settings on the web app.

    • 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.

  5. 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

  1. Log in to the web app.

  2. Click Training iconTraining from the menu on the left-hand side and select Manage.

  3. Hover your cursor over the course and click Edit.

  4. You can edit the theme for your course in two ways. Either at the course level or the lesson level:

    • Course level: Click Theme iconTheme on the lower-left corner of the page. Then, edit the course's theme on the right-hand side. Manage the theme for a course at the course level via the web app

    • Lesson level: Click Theme iconTheme 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. Manage the theme for a course at the lesson level via the web app.

  5. 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.

  6. Once you're ready, click Save changes on the upper-right of the page.

Please note that theme customization options are limited for "Discussion", "Assignment", "Practical", and "Meeting" lessons.

Managing themes for quizzes requires the "Training: Manage content" permission.

Manage the theme for a quiz

  1. Log in to the web app.

  2. Click Training iconTraining from the menu on the left-hand side and select Manage.

  3. Select Rapid Refresh Quizzes. Then, hover your cursor over the quiz and click Edit. Edit a quiz in Training via the web app.

  4. Click Settings on the upper-right of the page.

  5. In the pop-up window, select Branding. The "Branding" tab of a quiz on the web app.

  6. 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.

  7. Changes are saved automatically.

Need more help?
In this article