/
How to Change the Image Header on the Programs Page

How to Change the Image Header on the Programs Page

 

  1. Sign in to a PlayerFirst website.

  2. On the left navigation, click My Profile.

  3. In the top navigation bar, click Programs.

  4. Select Edit Program Intro.

  5. Select Insert Image in the editing box.

  6. Select Add Files.

  7. Choose your image.

  8. Select Start Upload.

  9. Select Insert.

  10. Right click on your image to copy the image address.

  11. Paste the image address in a new tab.

  12. Select Back at the bottom of the editing box.

  13. Select Edit Program Intro.

  14. Select the three-dot icon in the upper right-hand corner of the editing box.

  15. Select Source.

  16. Insert the following code:

    1. <style>
      .jumbo {
      background-image: url(INSERT IMAGE ADDRESS HERE) !important;
      }
      </style>

  17. Select Update.

  18. The image should now show in the header. Select Save.

 

Related content

How to Change the Image Header on the Main Page
How to Change the Image Header on the Main Page
More like this
How to Create Homepage Banner Images
How to Create Homepage Banner Images
More like this
How to Edit a Program
How to Edit a Program
More like this
How to Change the Linked Page for the Brand Logo
How to Change the Linked Page for the Brand Logo
More like this
Image Header Overview
Image Header Overview
More like this
How to Add an Image to the Text Editor
How to Add an Image to the Text Editor
More like this