Skip to main content

Resumen

De forma predeterminada, las flechas del carrusel en la sección de upsells de Upcart son negras. Si el fondo de tu sección de upsells es oscuro, las flechas pueden ser difíciles de ver. Puedes solucionarlo cambiando el color de las flechas con una simple actualización de CSS.

Dónde encontrar el editor de CSS personalizado

  1. Ve a Upcart > Cart Editor > Settings > Custom CSS
  2. Desplázate hacia abajo hasta el campo de entrada y pega tu código CSS
  3. Haz clic en Save
  4. Actualiza tu tienda para previsualizar los cambios

CSS de ejemplo para cambiar el color de la flecha en V1.0

CSS de ejemplo para cambiar el color de la flecha en V2.0

La regla V1 anterior establece las flechas en blanco; la regla V2 las establece en naranja. Ambas se aplican a las flechas de siguiente y anterior.

Cómo personalizar

Puedes actualizar border-color, stroke para que coincidan con la paleta de tu marca. Usa cualquier formato de color válido:
  • Colores con nombre (ejemplo: black, white, red)
  • Códigos hexadecimales (ejemplo: #ffffff)
  • Valores RGB (ejemplo: rgb(255, 255, 255))
Ejemplo:
Esto garantiza que tus flechas de navegación de upsells permanezcan visibles contra cualquier color de fondo.