> ## 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 koloru strzałek upselli

> Użyj niestandardowego CSS, aby dostosować kolor strzałek nawigacyjnych w karuzeli upselli.

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

Domyślnie strzałki karuzeli w sekcji upselli Upcart są czarne. Jeśli tło Twoich upselli jest ciemne, strzałki mogą być słabo widoczne. Możesz to naprawić, zmieniając kolor strzałek prostą aktualizacją 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

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## Przykładowy CSS do zmiany koloru strzałek w 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">
  ## Przykładowy CSS do zmiany koloru strzałek w V2.0
</div>

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

Powyższa reguła V1 ustawia strzałki na białe; reguła V2 ustawia je na pomarańczowe. Obie dotyczą strzałek „dalej” i „wstecz”.

***

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

Możesz zaktualizować `border-color`, `stroke`, aby pasowały do palety Twojej marki. Użyj dowolnego prawidłowego formatu koloru:

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

**Przykład:**

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

Dzięki temu strzałki nawigacyjne upselli pozostaną widoczne na każdym kolorze tła.