JumpLMS Help

How to customise the course player in JumpLMS

Last updated on

You can customise the course player for individual courses in JumpLMS, helping each course feel distinct while still fitting your portal brand.

This guide explains how to change a course colour scheme and add a course image.

How to customise the course colour scheme

New courses automatically use the same colour scheme as your JumpLMS portal. You can override this for an individual course if needed.

  1. Click on the Courses tab.

  2. Search for the course you want to customise, or find it in the course list.

  3. Open the course options and click Edit course.

    Courses table showing the Edit course option in JumpLMS
  4. Click on the Course details tab.

    Course editor showing the Course details tab in JumpLMS
  5. Click the header, sub-header, or background colour swatch and choose the colour you want. You can also enter a hex colour code.

  6. To return to your portal colour scheme, click Use default colour scheme.

  7. Click Save changes.

    Course details tab showing course colour settings and Save changes button in JumpLMS

The new colour scheme has now been applied to the course. You can view it by clicking Preview course.

How to add a course image

You can add a course image to help identify the course in course listings and on the course main menu screen.

You can upload JPEG or PNG images. A 1280px by 720px image is recommended.
  1. Click on the Courses tab.

  2. Search for the course you want to customise, or find it in the course list.

  3. Open the course options and click Edit course.

    Courses table showing the Edit course option in JumpLMS
  4. Click on the Course details tab.

    Course editor showing the Course details tab in JumpLMS
  5. Click Select image to open your Resource Library.

    Course details tab showing the Select image button in JumpLMS
  6. Open the folder where you want to import your course image. You can also create a new folder by clicking New folder.

    Resource Library showing folders and the New folder button in JumpLMS
  7. Click Import and browse to your course image, or drag and drop the image directly into the Resource Library.

  8. When the image has uploaded, select it and click Select.

    Resource Library showing an uploaded course image selected in JumpLMS
  9. When the Resource Library closes, click Save changes.

    Course details tab showing the selected course image and Save changes button in JumpLMS

The image has now been applied to your course.

Did this article help?
Can't find what you're looking for?
Contact the JumpLMS team and we’ll help you find the right answer.