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

# Zmiana kolorów selektora wariantów upselli

> Dostosuj kolor tła i tekstu selektorów wariantów w sekcji upselli.

<div id="overview">
  # Przegląd
</div>

Upcart pozwala zmieniać kolory używane w selektorach wariantów upselli za pomocą prostego niestandardowego CSS. To szybki sposób na dopasowanie wyglądu koszyka do Twojej marki i poprawienie doświadczenia klienta podczas wyboru produktu.

To dostosowanie jest idealne dla właścicieli sklepów lub deweloperów z podstawową znajomością CSS.

***

<div id="where-to-find-the-custom-css-editor">
  ## Gdzie znaleźć edytor niestandardowego CSS
</div>

1. Przejdź do **Upcart > Cart Editor > Settings > Custom CSS**
2. Przewiń w dół do pola wprowadzania i wklej swój kod CSS
3. Kliknij **Save**
4. Odśwież swój sklep, aby zobaczyć zmiany na żywo

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## Przykładowy CSS do stylizacji selektora wariantów w 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">
  ## Przykładowy CSS do stylizacji selektora wariantów w V2.0
</div>

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

***

<div id="how-to-customize">
  ## Jak dostosować
</div>

* **color**: ustawia kolor tekstu
* **background-color**: ustawia tło pola selektora wariantów

Możesz używać różnych typów wartości, takich jak:

* Nazwane kolory (przykład: `black`, `white`, `red`)
* Kody hex (przykład: `#000000`)
* Wartości RGB (przykład: `rgb(255, 0, 0)`)

**Przykład:**

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

Pozwala to stworzyć styl selektora wariantów, który albo wtapia się w wygląd Twojego sklepu, albo wyróżnia się i przyciąga uwagę.

***

<div id="still-need-help">
  ## Nadal potrzebujesz pomocy?
</div>

W przypadku dodatkowych dostosowań zalecamy współpracę z **ekspertem Shopify**. Może on pomóc w dodaniu HTML, CSS lub JavaScriptu do Twojego cart drawera.

[Zobacz ekspertów Shopify](https://www.shopify.com/partners/directory)