All Collections
Make it beautiful
All about branding
🎨Customize your course cover, header, and background
🎨Customize your course cover, header, and background

Learn to add your own image to your course cover to match your brand and motivate your learners.

Michelle Johnson avatar
Written by Michelle Johnson
Updated over a week ago

Including beautiful course cover art can inspire your learners to learn about the topic you are teaching, just as a beautiful school campus can encourage learning.
Your course covers and Path design can also be a reflection of your brand. 

Course covers

Below are a few examples of schools using course cover art:

Notes for use

  • Don’t include any text or meant-to-be-read details in the image. (Occasionally, one to two words of text may be okay, but be sure they are in the center and large enough at all sizes)

  • Course covers with a variety of colors and contrast work best

  • Course covers appear at a variety of sizes depending on context. It’ll help to select images or artwork that works well both large and small.

  • The recommended dimensions are: 600 pixels wide by 450 pixels tall.

  • Max file size is 4MB.

  • You’ll upload your images as .PNG, .JPG, or .GIF but do not include any transparent backgrounds. .JPG images are recommended for most images.

  • The course cover will blur to produce an atmospheric background behind the course path. You can edit this default background if needed. 

To add your course cover image

  • Open your Course Settings (gear icon), which can be accessed just below the title of the path if you're viewing the Source, or can be selected from the drop down menu just below the title of the path if you're viewing a cohort.

  • Select "Replace" on the current cover image, then select "Upload" to upload a new image, or pick an existing image from the Media Manager.

  • Click on the insert (+) icon on the image thumbnail to insert it, and save your changes.

Course banner and background

Your course was generated with a colorful default cover on the outside, and matching banner and background on the Path inside. Here's how to update the Path, where your learners will spend most of their time, with your own brand-appropriate image or color. 

Notes for use

  • Banner image width and height is flexible—no matter the size or shape the image will be resized to fit "automagically." But in terms of resolution, 1400 x 400 pixels or larger is a safe size. 

  • Don’t include any text or meant-to-be-read details on the image. 

  • Making sure that images you use aren’t too high-contrast and don’t contain too much detail will help the text set on top of them read more easily. For example, here’s a safe image, and here’s a risky one.

  • If you want to get nerdy about it, try picking or editing images to have primarily midtones.

  • You’ll upload your images as .PNG, .JPG, or .GIF, but do not include any transparent backgrounds. .JPG images are recommended for most images.

  • The course banner can be blurred to produce an atmospheric background behind the course path. 

  • You can also edit the banner by adding an overlay in order to improve contrast or coloring. 

To edit your banner and background

  • Open your Course Settings. 

  • Select "Edit background" then "Upload background image" to upload a new image, or pick an existing image from the Media Manager.

  • Click on the insert (+) icon on the image thumbnail to insert it, and save your changes.

  • You can add or remove the blur setting and optionally use the color overlay to add a solid or semi-transparent color. This can be used to tint or darken your image, so text shows up with better contrast. 

  • To use a solid-color overlay, pull the transparency slider all the way to the right. 

  • To remove an overlay entirely, pull the transparency slider all the way to the left for 100% transparency. 

  • Save and exit to view your work.

Finding great cover art

By the way, if you don't know where to get beautiful course cover art, we highly recommend checking out https://unsplash.com/. They have free high-resolution photos that you are able to use for your course covers and backgrounds. 

Can't find the right picture? You can also use a free account at https://www.canva.com/ to create custom cover art. 

Did this answer your question?