# PS-016 Hero 2 CTA's and shadows

<figure><img src="https://2076656448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKoiMYLJn5jwLpp57CMAp%2Fuploads%2FUjvm1F6ttt4B5qsfBYtS%2F164072custom_site_themesidz9fhzD.jpg?alt=media&#x26;token=1e520cbd-2b2d-49a5-8ae1-6ba5c084d70d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
We recommend you stack your Player Snips for this one and add the extended with options either the [100% width](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-001-100-content-width) or [80% width](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-002-80-content-width)
{% endhint %}

**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-016`** section to your page
* [ ] **Open up the section's `Headings` settings group** and modify the text settings&#x20;
* [ ] Open the section's **`Call To Action` settings group** and modify the options. If you do not want to use a button, then remove the button text
* [ ] Optionally open the section's **`Color`** settings group and change the *Color Mode Option* to `Custom` if you wish to control the color combinations
* [ ] 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

{% hint style="info" %}
The button and highligh text color is automatically using the same "brand color" you have set for this course. It will be the same color you see for the complete and continue button.
{% endhint %}