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

# Cambiar el color de la flecha de upsell

> Usa CSS personalizado para ajustar el color de las flechas de navegación en tu carrusel de upsells.

<div id="overview">
  # Resumen
</div>

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.

***

<div id="where-to-find-the-custom-css-editor">
  ## Dónde encontrar el editor de CSS personalizado
</div>

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

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## CSS de ejemplo para cambiar el color de la flecha en V1.0
</div>

```
.styles_PreviewCarousel__ [class~="control-next"]::before,  
.styles_PreviewCarousel__ [class~="control-prev"]::before {  
  border-color: white !important;  
}
```

<div id="example-css-to-change-the-arrow-color-in-v20">
  ## CSS de ejemplo para cambiar el color de la flecha en V2.0
</div>

```
.upcart-public-component-carousel__button svg {  
  stroke: orange;  
}
```

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.

***

<div id="how-to-customize">
  ## Cómo personalizar
</div>

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

```
border-color: #00bcd4 !important;
```

Esto garantiza que tus flechas de navegación de upsells permanezcan visibles contra cualquier color de fondo.
