> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Change the player color in a Product with Premier

> Change the color of the post player in a Product when using the Premier theme.

The Product theme, **Premier**, is a one-of-a-kind Product theme to help you design a Product and help customers easily navigate through it.

## What is the Product Post Player?

The Product Post Player contains the Product Post video and allows customers to play and pause the video, scrub through the video, adjust volume, speed, and video quality:

<img src="https://mintcdn.com/kajabi-support/CAw_ZGr15nGGoiQk/articles/images/09b6b768_36080512652443.png?fit=max&auto=format&n=CAw_ZGr15nGGoiQk&q=85&s=d6d784efb13783a8af92543e746a2660" alt="3C6FAA86-9AF7-464E-9018-8E28CD7A121E.png" width="3210" height="1866" data-path="articles/images/09b6b768_36080512652443.png" />

## Change the color of the player in a Product

### Change the player color with the Premier theme

1. Open the **Products** tab from your Dashboard.
2. Select the Product.
3. Click **Customize**.
4. Install the **Premier Theme** if you haven't already.
5. Open the **Installed Themes** folder.
6. Select the **Premier Theme**.
7. Click **Customize**.
8. Navigate to the **Post** section in the editor by clicking the dropdown in the top bar.
9. Select **Post Player** from the sidebar.
10. Select the desired color for the Product Post Player.
11. Then, click **Save** to keep and apply the changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/surtwq3rd6" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

## Custom colors

To specify a custom color, click the color you wish to change and enter the hex color code, RGB color code, or use the sliders to select a color.

### Use the color picker on Kajabi

* Use the main **square box** to adjust the saturation and brightness of your color.
* Use the first **horizontal bar** to select the hue.
* Use the second **horizontal bar** to adjust the opacity of your color.
* Use the **color code box** to insert a pre-designed custom code.

<img src="https://mintcdn.com/kajabi-support/0dktLU6n0E_nSYxP/articles/images/87381e4c_upload_10416799381378430389.png?fit=max&auto=format&n=0dktLU6n0E_nSYxP&q=85&s=76417eace1b40fa8b37139fc32eb7510" alt="69A11D3D-811D-4FAF-8A78-46B797F90AF5.png" width="940" height="1434" data-path="articles/images/87381e4c_upload_10416799381378430389.png" />
