Menu

Course Banner Guidelines (For V1 Themes)

Applicable plans Starter Essentials Business Advanced

Note: This article is for anyone using a site theme with a version 1.9.9 or older. If you're using an older site theme, we strongly recommend that you upgrade to the newest version - here's why.


Adding a custom banner to your course can help make your Course Landing Page look fantastic. You'll want to keep the following points in mind before you upload your image. (If you are using a newer V2 Theme, please check the guidelines here)


Image Specifications

For best results, upload a .PNG image with the following resolution:

  • 1440px x 400px: Site Landing Page, Default Course Landing Page, Video Landing Page
  • 1598px x 650px:  Mountain, Metro, Onyx, Horizon Themes
  • 1596px x 869px:  Ice Cream, Snow Themes




Banner Not Showing Up As Expected?

If your image seems to be cut off when you view your course page, it is likely due to the way the aspect ratio is handled as your screen size changes. 


In the example below, you'll notice that as the width browser window changes (simulating desktop, tablet and mobile view), the visible section of the Course Banner also changes. This is because the banner section remains at a fixed height to accommodate the text and button that are on top of the Course Banner. If the header section always stayed at the same aspect ratio as the banner you uploaded, the text and buttons wouldn't fit on smaller screens, causing a big mess. 


So, with this in mind, you'll want to pick a Course Banner image that looks good on all screen sizes. 




Example Desktop View (1920px wide screen)



Example Tablet View (900px wide screen)



Example Mobile View (400px wide screen)






Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.