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

# Farben des Upsell-Variantenwählers ändern

> Passe die Hintergrund- und Textfarbe der Variantenwähler im Upsell-Bereich an.

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

Mit Upcart kannst du die Farben der Upsell-Variantenwähler mit einfachem Custom CSS ändern. Das ist ein schneller Weg, das Erscheinungsbild deines Warenkorbs an deine Marke anzupassen und das Kundenerlebnis bei der Produktauswahl zu verbessern.

Diese Anpassung ist ideal für Store-Betreiber oder Entwickler mit CSS-Grundkenntnissen.

***

<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 Eingabebereich und füge deinen CSS-Code ein
3. Klicke auf **Save**
4. Aktualisiere deinen Storefront, um die Änderungen live in der Vorschau zu sehen

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## Beispiel-CSS für das Styling des Variantenwählers in V1.0
</div>

```
.upcart-upsell-item-variant-selector {     
  color: white !important;  
  background-color: #008060 !important;   
}
```

<div id="example-css-for-variant-selector-styling-in-v20">
  ## Beispiel-CSS für das Styling des Variantenwählers in V2.0
</div>

```
.upcart-public-component-upsell-tile__variant-row select {  
  color: white;     
  background-color: #008060;   
}
```

***

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

* **color**: Legt die Textfarbe fest
* **background-color**: Legt den Hintergrund des Variantenwähler-Felds fest

Du kannst verschiedene Arten von Werten verwenden, zum Beispiel:

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

**Beispiel:**

```
.upcart-public-component-upsell-tile__variant-row select {     
  color: #000000 !important;     
  background-color: #f3f4f6 !important;   
}
```

So kannst du einen Variantenwähler-Stil erstellen, der sich entweder ins Design deines Stores einfügt oder auffällt, um Aufmerksamkeit zu erregen.

***

<div id="still-need-help">
  ## Brauchst du weiterhin Hilfe?
</div>

Für zusätzliche Anpassungen empfehlen wir die Zusammenarbeit mit einem **Shopify Expert**. Er kann dich beim Hinzufügen von HTML, CSS oder JavaScript zu deinem Cart Drawer unterstützen.

[Shopify Experts ansehen](https://www.shopify.com/partners/directory)