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

# Cambiar el color del reproductor en un Producto con Premier

> Cambia el color del reproductor de publicaciones en un Producto cuando uses el tema Premier.

El tema de Producto **Premier** es un tema de Producto único que te ayuda a diseñar un Producto y facilita que tus clientes naveguen por él.

## ¿Qué es el reproductor de publicaciones del Producto?

El reproductor de publicaciones del Producto contiene el video de la publicación del Producto y permite a los clientes reproducir y pausar el video, avanzar o retroceder, y ajustar el volumen, la velocidad y la calidad del video:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/09b6b768_36080512652443.png" alt="3C6FAA86-9AF7-464E-9018-8E28CD7A121E.png" />

## Cambiar el color del reproductor en un Producto

### Cambiar el color del reproductor con el tema Premier

1. Abre la pestaña **Products** desde tu Dashboard.
2. Selecciona el Producto.
3. Haz clic en **Customize**.
4. Instala el **Premier Theme** si aún no lo has hecho.
5. Abre la carpeta **Installed Themes**.
6. Selecciona el **Premier Theme**.
7. Haz clic en **Customize**.
8. Ve a la sección **Post** en el editor haciendo clic en el menú desplegable de la barra superior.
9. Selecciona **Post Player** en la barra lateral.
10. Selecciona el color deseado para el reproductor de publicaciones del Producto.
11. Luego, haz clic en **Save** para guardar y aplicar los cambios:

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

## Colores personalizados

Para especificar un color personalizado, haz clic en el color que deseas cambiar e ingresa el código de color hexadecimal, el código de color RGB, o usa los controles deslizantes para seleccionar un color.

### Usar el selector de color en Kajabi

* Usa el **cuadro principal** para ajustar la saturación y el brillo de tu color.
* Usa la primera **barra horizontal** para seleccionar el tono.
* Usa la segunda **barra horizontal** para ajustar la opacidad de tu color.
* Usa el **cuadro de código de color** para insertar un código personalizado predefinido.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-primary-color-scheme-1784152633647.png" alt="69A11D3D-811D-4FAF-8A78-46B797F90AF5.png" />