> ## 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 farverne på upsell-variantvælgeren

> Tilpas baggrunds- og tekstfarven på variantvælgere i upsell-sektionen.

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

Upcart giver dig mulighed for at ændre farverne på upsell-variantvælgere med simpel brugerdefineret CSS. Det er en hurtig måde at tilpasse din kurvs udseende til dit brand og forbedre kundeoplevelsen under produktvalg.

Denne tilpasning er ideel for butiksejere eller udviklere med grundlæggende CSS-viden.

***

<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 inputområdet, og indsæt din CSS-kode
3. Klik på **Save**
4. Genindlæs din butiksfacade for at se ændringerne live

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## Eksempel-CSS til styling af variantvælger i 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">
  ## Eksempel-CSS til styling af variantvælger i V2.0
</div>

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

***

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

* **color**: Sætter tekstfarven
* **background-color**: Sætter baggrunden på variantvælgerens boks

Du kan bruge forskellige typer værdier, såsom:

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

**Eksempel:**

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

Det lader dig skabe en variantvælgerstil, der enten falder i med din butiks design eller skiller sig ud for at fange opmærksomheden.

***

<div id="still-need-help">
  ## Har du stadig brug for hjælp?
</div>

Til yderligere tilpasninger anbefaler vi at samarbejde med en **Shopify Expert**. De kan hjælpe med at tilføje HTML, CSS eller JavaScript til din cart drawer.

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