Add a Banner Image to Your Course Home Page

You can choose to display a banner image at the top of your course home page in D2L, using a stock image from D2L, or a custom image from your computer. 

This image will also be displayed as the thumbnail for you and your students when you select the course from your D2L homepage. Here's an example of a course banner:


Use a Stock Image
Use a Custom Image

Use a Stock Image for Your Course Thumbnail and Banner

Daylight includes a repository of 3000+ stock images that you can choose from to customize your course. 

  1. Find the course you want to edit on your D2L homepage, and hover over the picture above the course title.

  2. Click the icon with three dots in the upper right corner of the image, and click Change Image from the menu.

  3. On the Change Image page, use the search bar to enter an image keyword (e.g. "art", "science", "writing", or "engineering"), and hit the enter key on your keyboard. You can also browse for an image in the list, but it may take a while for the images to load.


  4. When you find an image you like, hover over it, and click the Use this Image button.

  5. The new image should now appear above the course title on your homepage. 
  6. Click to enter the course, and click Course Admin from the navigation bar.

  7. Click on Course Offering Information from the list.

  8. Check the box under Homepage Banner.
  9. Click Save.
  10. Browse back to your course homepage to view the new banner. 

Use a Custom Image for Your Course Thumbnail and Banner

If you don't want to use one of the stock images provided by D2L, or have designed your own image for your course, you can upload the image and display it with the following instructions. 

Note: Because the D2L web page uses a responsive layout, your image may look different, depending on the size and resolution of the screen you're viewing it on. The recommended banner dimensions are 2400 x 980 pixels

  1. From your course, click Course Admin from the navigation bar.

     
  2. Click on Course Offering Information from the list.

  3. Click the Browse button at the top of the page.  Use the My Computer option to upload the image, and click the Add button to finish. 
  4. Check the box under Homepage Banner.
  5. Click Save.
  6. Browse back to your course homepage to view the new banner. 
This webpage is created and maintained by the Office of Academic Innovation (OAI) at Portland State University.

Feedback and Knowledge Base