Skip to main content

eCreator themes

Change the theme of a custom course.

Liam Smith avatar
Written by Liam Smith
Updated over 2 weeks ago

Administrators can create custom course themes to tailor the visual experience of bespoke content.

This functionality supports brand consistency, clearer navigation, and improved learner engagement by aligning the look and feel of content with organisational identity or specific learning initiatives.

For example, a compliance team creates a custom theme with company colours and icons to differentiate mandatory training from optional development modules. This helps learners quickly identify priority content.

Create a pathway theme

To create a theme for an eCreator course, follow the below steps.

  1. Switch to admin view.

  2. Click Settings, then click Global Settings.

  3. Click the Themes tile, then click Create New Theme.

  4. Enter a name for the theme.

  5. Click Type then select Pathway Theme.

  6. Click Create.

  7. Edit the title, colour, font, and font style.

  8. Change the Primary and Activity text colour and upload image to use as the course background.

  9. Select a new colour via one of the methods, then click Choose.

  10. Click Save.


Create an eCreator theme

Super Administrators on LMS² sites can create eCreator themes to control the visual appearance of the canvas. Themes allow customisation of colours and styles, supporting alignment with brand guidelines or internal design standards. This ensures a consistent and professional look across eCreator content.

To do this, follow the below steps.

  1. Switch to admin view.

  2. Click Settings, then click Global Settings.

  3. Click the Themes tile, then click Create New Theme.

  4. Enter a name for the theme.

  5. Click Type then select eCreator Theme.

  6. Click Create.

  7. In the Edit Theme tab, click Theme Asset Version then select which eCreator templates will be used.

    • V2 modernised eCreator templates.

    • V1 original eCreator templates.


Theme sections

Themes open by default to the Common section, where main and additional colours can be selected along with key display settings. The theme is divided into editable sections, making it easy to update specific visual elements as needed. See the below table for more details.

Section

Options

Common

Set the main colours of the theme.

Backgrounds

Set the background colour for the theme or upload a background image.

Set the background borders here.

Header

Upload a banner image.

Use the display preview on transparent background option to preview the button against a background.

Footer

Choose the colours you'd like to use for the homepage and menu, page number background and comment buttons.

Quizzes and Questions

Upload images to use in the quiz and question slides.

Use the display preview on transparent background option to preview the button against a background.

Pop ups

Set the colour and style for pop ups.

Use the display preview on transparent background option to preview the button against a background.

Video

Upload images to use for the video and text version buttons.

Use the display preview on transparent background option to preview the button against a background.

Assets

Upload image of a pen.

Use the display preview on transparent background option to preview the button against a background.


Change theme colour

  1. Switch to admin view.

  2. Click Settings, then click Global Settings.

  3. Click the Themes tile.

  4. Search for and select relevant theme. Click the Common tab.

  5. Select one of the colours to change it.

  6. Use the slider to select colour.

  7. Click onto a colour within the colour picker to select it or enter the hex code.

  8. Click Choose to select the new colour.


Upload images to a theme

Images can be uploaded wherever the upload button appears.

  1. Click Upload. Select relevant file.

    • Note: It's recommended to save the images as PNG or SVG files with a transparent background.

  2. Select Display preview on transparent background box to preview the image.

Did this answer your question?