How do I change the appearance of my course?

You can customise the following design elements of a course if you are an administrator for that course:

  1. The course banner. It is the banner at the top of every page in the course.
  2. The background colour and image for the course
  3. The container box for the course content
  4. The theme colour, which is used for all of the headings, links and navigation in the course

All of these settings can be changed in the Appearance page in the navigation on the left-hand side of your course. 

Course appearance page


How to change the course banner 

Click on the 'Change Banner' button to upload/change your course banner. The banner image should be 1170 pixels wide and 170 pixels tall. If the image is too big or small, it will be resized. 

The name of the course can be displayed on top of the banner by checking the box 'Show course name on banner'. (If your banner image already includes the course name, we recommend unchecking this box)

How to change the course background colour 

Click on the coloured box next to 'Background - Color', which will display a colour picker that you can use to select the background colour that you'd like. 

If you are combining a background image with a background colour then try to ensure that the colours do not clash too much. 

How to change the course background image 

To change or upload a background image for the course, click on the checkbox labeled 'Show background image'.

It will provide you with a button to upload a background image.

Background images should be fairly large however please try to keep the file size of the image as small as possible as it will need to be loaded on every page of the course. 

How to change the course theme 

You can change the theme colour of the course by clicking on one of the colours next to the 'Theme Colour' label.

OpenLearning provides eight theme colours. However, it is possible for additional ones to be added upon request and on a case-by-case- basis. 



Content aside

  • 3 yrs agoLast active
  • 847Views
  • 4 Following