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.

Â