Personaliza el estilo de tu checkout con CSS
Puedes sobrescribir el CSS del checkout con tus propios estilos, lo que te permite modificar su aspecto: colores, tipografías e incluso el diseño. Es una función más avanzada, pensada para quienes tienen conocimientos de desarrollo web.
Aun así, usa esta función con cuidado, ya que el checkout se muestra en distintas configuraciones que a veces no se ven en el modo de vista previa. Prueba a fondo cualquier cambio que hagas de esta forma.
- Ve a Checkout → Style (Estilo)
- Modifica el campo Custom CSS (CSS personalizado) en la sección Advanced (Avanzado)
En este campo, introduce las reglas CSS que quieras sobrescribir, por ejemplo:
.c-product, .c-product__desc, .c-product__interval, .c-product__base-value, .c-heading-4 { color: #FFF; }