Adding a Banner to Your Course

Banners and course cards can be a great way to personalize or add flair to your Blackboard course. They can also help you and your students easily differentiate one course from another. The same image is used as both your course card and your course banner, which creates a visual brand for your course. Banners are displayed at the top of the Content page of your course while course cards appear on the Courses page (if you have selected the card/grid view for the Courses page). 

You can upload your own image or search for an image in the Unsplash library.

Banners should be at least 1200 pixels wide, by 240 pixels tall and should be uploaded as a .png or .jpg file. To ensure your image is as crisp as possible, we recommend using an image that is larger than the minimum, with 4800 x 960 pixels as an ideal size. 

To Add a Banner

1. From the Details & Actions pane, click the Edit display settings link under Course Image
2. Click the image button at the top of the side panel
3. Upload your image or change the drop down menu from Upload to Stock images from Unsplash and search for an image 
4. Click the Next button to continue
5. Click and drag the brighter box to reposition your image and use the slider to adjust the zoom
6. Click the Save button to save your edits
7. Under Accessibility, if your image contains content that needs to be described via a screen reader (such as text), remove the check from the Mark as decorative box and enter text in the Alternative Text field
8. Click the Save button

When you update your course banner, the course card on the Courses page is also automatically updated.

Because the image file size requirement is so large, it may be difficult to find an image that will work for you. We recommend taking an image yourself (smartphone size and resolution works well), or you can use royalty-free photography sites like Pixabay to find an image. Also, because the banner and course card are automatically cropped based on screen size, you should keep the focus of the banner toward the center of the image. The sizes of the image will be cropped as the screen size changes.

Frequently Asked Questions