> ## 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 kleuren van de upsell-variantselector wijzigen

> Pas de achtergrond- en tekstkleur van variantselectors in de upsellsectie aan.

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

Met Upcart kun je de kleuren van de upsell-variantselectors wijzigen met eenvoudige aangepaste CSS. Dit is een snelle manier om het uiterlijk van je winkelwagen af te stemmen op je merk en de klantervaring tijdens de productselectie te verbeteren.

Deze aanpassing is ideaal voor winkeleigenaren of ontwikkelaars met basiskennis van CSS.

***

<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 live te bekijken

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## Voorbeeld-CSS voor styling van de variantselector 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">
  ## Voorbeeld-CSS voor styling van de variantselector in V2.0
</div>

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

***

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

* **color**: stelt de tekstkleur in
* **background-color**: stelt de achtergrond van het variantselectorvak in

Je kunt verschillende soorten waarden gebruiken, zoals:

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

**Voorbeeld:**

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

Zo kun je een variantselectorstijl creëren die opgaat in het ontwerp van je winkel of juist opvalt om de aandacht te trekken.

***

<div id="still-need-help">
  ## Nog steeds hulp nodig?
</div>

Voor extra aanpassingen raden we aan om samen te werken met een **Shopify Expert**. Die kan helpen bij het toevoegen van HTML, CSS of JavaScript aan je cart drawer.

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