Course Images

Portal Administrators can customize the look and feel of their LMS with the key elements listed below. Learn all about your LMS branding options HERE.

  • Images: Upload images to use throughout the LMS, including your Header Logo, Course Images, and custom HTML pages
  • HTML Content: Some sections of the site allow content customization by updating the existing HTML code. 
  • Stylesheets: Use cascading style sheets to control the overall look and feel of your portal. 

This document will focus on Course Images: how to upload custom files, configure defaults, and override defaults on an individual course level.

Edit Images

Portal Administrators can click Site Management > Edit Images to manage the images used throughout their LMS. This function allows editing in the sense that you are adding or deleting the images available in your system library. The LMS does not provide the ability to edit actual image files. Modifications to the size, color, contrast, brightness, and other properties must be completed prior to uploading the image to the LMS. 

Links at top of page allow you to manage two separate libraries: 

  • LMS Images -- Use these images for your Header Logo, Certificate Logo, and custom HTML content. The Edit HTML page offers a content editor with Image Library tool, and also allows you to insert images using links with relative paths. 
  • Course Images -- Upload files and associate them with any course in the catalog. Set defaults for each type of course -- Assessment, Classroom, eLearning, Course Group, Self-Study, Virtual Classroom. Associate images to individual courses to see the custom course image override the default.

To upload new images 

1.  In the "Upload new Image" field, click Choose File to browse local folders. 
2.  Select an image less than 10 MB in size. For best quality, use image files with pixel dimensions 350 x 150 (21:9 ratio). Click Open.
3.  Click Submit to complete the upload.

To delete an image

1.  On the Course Images page, select the checkbox to the right of the image file name.
2.  Confirm the deletion by selecting Yes in the deletion confirmation pop-up.
3.  Click Submit.


Course Image Defaults

The Course Image library comes equipped with six stock images, one for each type of course in the LatitudeLearning platform: Assessment, Classroom, eLearning, Course Group, Self-Study, Virtual Classroom . We offer these images as alternatives to the course type icons, to exemplify the impact course images can have on the presentation of course records in the new Tile View.

  • Feel free to use these defaults, or replace them with your own custom images using the drop down menu next to each "[Course Type] Default" field. 
  • If you prefer the standard course icon display, select "None" from the drop down menu. 
  • Click Submit to save default image selections.


Individual Course Images

Course Details and Course General Information pages include a corresponding Course Image field. By default, each course will display its associated “[Course Type] Default” image, as described above. Draw special attention to courses in your catalog by overriding the default with a branded image from your library.

  • Open a course record and navigate to the General tab. 
  • Use the Course Image drop-down menu to select a custom image from the library. Or click the Upload Images link to open the Course Image library in new window/tab. Restore the default image any time by selecting “None” from the drop-down menu. Once you have selected the desired image, click Save Course.
  • Click the Details tab to see your image proportionally centered in "Course Image" field.