# PS-042 Banner With Background Image

<figure><img src="https://2076656448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKoiMYLJn5jwLpp57CMAp%2Fuploads%2Fg7THRry1pSsacB2Ugvof%2FPS-042.jpg?alt=media&#x26;token=8f1a4cc9-32ae-4531-8624-5089d4515079" alt=""><figcaption></figcaption></figure>

**Adding this Player Snip**

* [ ] On your [`My Player Snips Page`](https://docs-playersnips.superpowerups.com/how-to-guides#how-to-create-a-my-snips-page) add the **`PS-042`** section to your page
* [ ] **Open up the section's `Headings` settings group** and modify the text settings&#x20;
* [ ] Open the section's **`Image` settings group** and replace the placeholder image. The recommended image dimensions are shown in the image
* [ ] Optionally open the section's **`Color`** settings group and change the colors you wish to use
* [ ] Hover over the section and click the **`Copy Player Snip`** button
* [ ] In another tab **open your course curriculum** and find the lesson you wish to place this Player Snip into
* [ ] Put your cursor in the location that you wish to place this snippet&#x20;
* [ ] Open up the < > code viewer
* [ ] Paste the snippet
* [ ] Click the < > code button to return to the normal preview
* [ ] Click Save to save the lesson
* [ ] Preview the lesson inside the course player

##