How to Customize the Product Page Hero Banner

We’ve made it easier for you to customize your product page hero banner by simplifying the process. This article walks you through how to customize the hero banner for test, course, and live class product pages.

Step 1: 

Head over to the 'Courses' section in the Marketplace section of your dashboard.

Step 2:

Find the 'Edit' option on the page.

Access Banner Customization

Step 3:

On the course page, click on the 'Edit' option located on the banner.

Choose from Library

Step 4:

Select the 'Upload Photo' option to upload a new image directly from your computer.

Step 5:

Select an image from the library. 

Step 6:

Adjust the image and click the 'Save Position' button.

​​

Reposition

Step 7:

Use the 'Reposition' option to adjust the image according to your needs.

Step 8:

You can reposition the image by dragging it to achieve the perfect display and click the 'Save Position' button.

Change Text

Step 9:

Use the 'Change Text' option to Modify the banner text.

Step 10:

Edit the 'Title' or 'Subtitle' if needed and 'Save' the changes made.

Change Text Color

Step 11:

Use the 'Change text color' option to adjust the text color, to match your branding style.

Step 12:

Select the color from the palette and click the 'Ok' button to save the color.

Your hero banner is all set according to your preferences.

By following these steps, you can easily update the product page hero banner to create a visually appealing course presentation.