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

# Skift farven på upsell-pilen

> Brug brugerdefineret CSS til at justere farven på navigationspilene i din upsell-karrusel.

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

Som standard er karruselpilene i Upcarts upsell-sektion sorte. Hvis din upsell-baggrund er mørk, kan pilene være svære at se. Det kan du løse ved at ændre pilenes farve med en simpel CSS-opdatering.

***

<div id="where-to-find-the-custom-css-editor">
  ## Her finder du den brugerdefinerede CSS-editor
</div>

1. Gå til **Upcart > Cart Editor > Settings > Custom CSS**
2. Scroll ned til inputfeltet, og indsæt din CSS-kode
3. Klik på **Save**
4. Genindlæs din butiksfacade for at se ændringerne

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## Eksempel-CSS til at ændre pilefarven i 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">
  ## Eksempel-CSS til at ændre pilefarven i V2.0
</div>

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

V1-reglen ovenfor sætter pilene til hvide; V2-reglen sætter dem til orange. Begge gælder for både næste- og forrige-pilene.

***

<div id="how-to-customize">
  ## Sådan tilpasser du
</div>

Du kan opdatere `border-color` og `stroke`, så de matcher dit brands palet. Brug ethvert gyldigt farveformat:

* Navngivne farver (eksempel: `black`, `white`, `red`)
* Hex-koder (eksempel: `#ffffff`)
* RGB-værdier (eksempel: `rgb(255, 255, 255)`)

**Eksempel:**

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

Det sikrer, at dine upsell-navigationspile forbliver synlige mod enhver baggrundsfarve.
