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

# De kleur van de upsell-pijl wijzigen

> Gebruik aangepaste CSS om de kleur van de navigatiepijlen in je upsell-carrousel aan te passen.

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

Standaard zijn de carrouselpijlen in de upsellsectie van Upcart zwart. Als je upsell-achtergrond donker is, kunnen de pijlen moeilijk te zien zijn. Je kunt dit oplossen door de pijlkleur te wijzigen met een eenvoudige CSS-aanpassing.

***

<div id="where-to-find-the-custom-css-editor">
  ## Waar je de Custom CSS-editor vindt
</div>

1. Ga naar **Upcart > Cart Editor > Settings > Custom CSS**
2. Scrol omlaag naar het invoerveld en plak je CSS-code
3. Klik op **Save**
4. Vernieuw je storefront om de wijzigingen te bekijken

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## Voorbeeld-CSS om de pijlkleur te wijzigen in 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">
  ## Voorbeeld-CSS om de pijlkleur te wijzigen in V2.0
</div>

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

De V1-regel hierboven maakt de pijlen wit; de V2-regel maakt ze oranje. Beide zijn van toepassing op de pijlen voor volgende en vorige.

***

<div id="how-to-customize">
  ## Hoe je dit aanpast
</div>

Je kunt `border-color` en `stroke` aanpassen aan het kleurenpalet van je merk. Gebruik elk geldig kleurformaat:

* Benoemde kleuren (voorbeeld: `black`, `white`, `red`)
* Hexcodes (voorbeeld: `#ffffff`)
* RGB-waarden (voorbeeld: `rgb(255, 255, 255)`)

**Voorbeeld:**

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

Zo blijven de navigatiepijlen van je upsell zichtbaar tegen elke achtergrondkleur.