Add a Course Banner to your myLesley Course

Modified on Tue, Dec 23 at 1:03 PM

TABLE OF CONTENTS



What is a Course Banner?

A course banner is an image that you can add to your course to easily distinguish it from other courses. The banner will display at the top of your course page and on the course card in your Courses area.



Image and Size Recommendations

For best results, please keep these recommendations in mind:

  • File Type: JPEG and PNG formats are supported.
  • File Size: maximum10.24 MB. 
  • Image Size: minimum 1200 x 240 pixels. 
    • For banners, the recommended visible width ranges from 950 to 1200 pixels. The recommended visible height ranges from 150 to 240 pixels.
    • For course cards, the recommended visible height is a constant 240 pixels. The visible width ranges from 550 to 1100 pixels.
  • Keep the main content within the center, at 550 x 150 pixels of a 1200 x 240 pixels banner, to guarantee its visibility. Anything outside that 550 x 150 central pixel area may be cropped out at various screen sizes for either the course card or the banner.
  • Abstract images or an image with a focus at the center work better for a banner, due to cropping variability.
  • Images with text don't scale well and your text may be cut off or difficult to read. 



Add A Banner To Your Ultra Course

From your Course Content page, navigate to the Details & Actions menu and select Course Image.




This will open your Display Settings menu. Click on the Insert Image icon.




You may upload an image from your computer or add a royalty-free image from Unsplash. 


If you are uploading an image, it should meet the following criteria:

  • Format: JPEG or PNG 
  • Size: 1200 x 240 pixels minimum
  • Maximum size: 10.24 MB


Once you have uploaded or selected your image from Unsplash, click Next




You will then be prompted to reposition your image. Adjust the zoom of the image using a slider and select and drag what parts of the image become the course banner. Click Save to continue. 




You will be brought back to your Display Settings. Add an image description or mark your image as decorative. Toggle the Course Banner to On in order to display your image at the top of your Course Content page. 


Click Save to save your changes. 





Add a Banner to Your Original Course

Go to your course Control Panel, select Customization and then select Teaching Style.


in the course control panel select customization and teaching style



This will bring you into the Teaching Style area. Scroll down to Select Banner. Click on Browse Local Files to upload an image from your computer. 


in the select banner area click browse local files to upload an image



For best results, your image should be at least 1200 x 300 pixels with an aspect ratio of 4:1. Please note that images with text do not scale well and your text may be cut off or difficult to read. Be sure to add alt text to your image.


Click Submit at the bottom of the page to save your banner image. Please note that you may need to refresh your page in order to view the banner.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article