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

# Farbe der Upsell-Pfeile ändern

> Verwende Custom CSS, um die Farbe der Navigationspfeile in deinem Upsell-Karussell anzupassen.

<div id="overview">
  # Überblick
</div>

Standardmäßig sind die Karussell-Pfeile im Upsell-Bereich von Upcart schwarz. Wenn dein Upsell-Hintergrund dunkel ist, sind die Pfeile möglicherweise schwer zu erkennen. Du kannst das mit einer einfachen CSS-Anpassung beheben, indem du die Pfeilfarbe änderst.

***

<div id="where-to-find-the-custom-css-editor">
  ## Wo du den Custom-CSS-Editor findest
</div>

1. Gehe zu **Upcart > Cart Editor > Settings > Custom CSS**
2. Scrolle nach unten zum Eingabefeld und füge deinen CSS-Code ein
3. Klicke auf **Save**
4. Aktualisiere deinen Storefront, um die Änderungen in der Vorschau zu sehen

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## Beispiel-CSS zum Ändern der Pfeilfarbe 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">
  ## Beispiel-CSS zum Ändern der Pfeilfarbe in V2.0
</div>

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

Die obige V1-Regel setzt die Pfeile auf Weiß; die V2-Regel setzt sie auf Orange. Beide gelten für die Weiter- und Zurück-Pfeile.

***

<div id="how-to-customize">
  ## So passt du es an
</div>

Du kannst `border-color` und `stroke` an die Farbpalette deiner Marke anpassen. Verwende jedes gültige Farbformat:

* Benannte Farben (Beispiel: `black`, `white`, `red`)
* Hex-Codes (Beispiel: `#ffffff`)
* RGB-Werte (Beispiel: `rgb(255, 255, 255)`)

**Beispiel:**

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

So bleiben deine Upsell-Navigationspfeile vor jeder Hintergrundfarbe sichtbar.