How to Change the Color of the Player in a Product With Premier

David Giali

Updated

Learn to change the color of the Post Player in a Product when using the Premier theme.


In this article:


What is the Premier Product Theme?

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


What is the Product Post Player?

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

3C6FAA86-9AF7-464E-9018-8E28CD7A121E.png


Change the color of the player in a Product

To change the player color in your Product with the Premier theme:

  • Open the Products tab from your Dashboard.
  • Select your Product.
  • Click Customize.
  • Install the Premier Theme if you haven't already.
  • Open the Installed Themes folder.
  • Select the Premier Theme.
  • Click Customize.
  • Navigate to the Post section in the editor by clicking the dropdown in the top bar.
  • Select Post Player from the sidebar.
  • Select your desired color for the Product Post Player.
  • Then, click Save to keep and apply your changes:

Custom colors

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

To 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.

69A11D3D-811D-4FAF-8A78-46B797F90AF5.png

Did you find this article helpful?