Managing your course presentation

Setting your course card and header images

Updated over a week ago

In order to make your courses more visually appealing and get your users to enroll, you can configure two images to better leverage the appearance of your online courses: the course card and the header.

These two parameters can be modified in the "Design" tab of the course editor.


Have you configured the appearance settings of your platform? If you haven't already, we suggest you customize the look of it first.


Setting up your course header

The course header is presented on the official description page of the course.

To set up your course header, you must go under the "Design" tab of the course editor.

You can choose from 4 different types of headers:

  1. Default: Your training will display the course description tab without visual

  2. Video teaser: Your training will be presented with an explanatory, descriptive or promotional video of your course. This video must be hosted on Youtube.

  3. Image upload: Your training will be displayed with an image of your choice.

  4. Choose from photo library: Workleap LMS offers an Unsplash integration, a royalty-free photo library, to help you find an image suited to your subject.

The header preview helps you visualize the end result.

Setting up your course card

The course card represents the cover image of your course in your course directory.

You can choose between 3 image sources for your course card:

  1. Use Default Color: Your course card will be generated as a color block using the primary color configured for your platform.

  2. Image Upload: Your course will be headlined by an image of your choice.

  3. Choose From Photo Library: Didacte offers an Unsplash integration, a royalty-free photo library, to help you find an image suited to your subject.

Specifications for uploading a course card image

Workleap LMS works under a responsive design. We recommend that you never put text or a focal point in a preview image since it may appear in different formats depending on the device and browser your students are using.

For this reason, it is important to create images that meet the following technical specifications:

  • Your image's total size should be of 1200 x 600 pixels and you should use the entire area. If you upload an image in any other format, it will be stretched or cropped to fit this ratio.

  • However, the safe zone is 740 x 600 pixels. Anything outside the dark blue area may be cropped depending on the display. Avoid putting important information in this area.

  • Finally, keep in mind that the bottom portion of your image may be partially hidden by the training information area, which varies depending on the length of your title.

Did this answer your question?