> ## 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 rozmiarów czcionki

> Dostosuj rozmiar tekstu w Upcart za pomocą niestandardowego CSS.

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

Jeśli chcesz zmienić rozmiar czcionki konkretnych elementów tekstowych w swoim koszyku (takich jak tytuły upselli czy opcje wariantów), możesz to zrobić za pomocą wbudowanego edytora **Custom CSS** w Upcart.

***

<div id="step-1-inspect-the-element">
  ## Krok 1: Zbadaj element
</div>

1. Otwórz swój sklep i uruchom drawer Upcart.
2. Kliknij prawym przyciskiem myszy element, którego rozmiar czcionki chcesz zmienić.
3. Wybierz **Inspect** z menu kontekstowego przeglądarki, aby otworzyć narzędzia deweloperskie.
4. Znajdź **nazwę klasy** elementu w panelu HTML.\
   Przykład: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## Krok 2: Otwórz edytor niestandardowego CSS
</div>

1. Przejdź do **Shopify Admin > Apps > Upcart**
2. Otwórz **Cart Editor**
3. Kliknij **Settings**
4. Znajdź sekcję **Custom CSS**

<div id="step-3-write-your-custom-css">
  ## Krok 3: Napisz swój niestandardowy CSS
</div>

W polu wprowadzania CSS:

1. Zacznij od kropki (`.`), a po niej wpisz nazwę klasy
2. Dodaj `{ font-size: 14px !important; }` (lub żądany rozmiar)

Przykład:

```
.upcart-item-option {  
 font-size: 14px !important;  
}
```

💡 **Uwaga:** `.upcart-item-option` to klasa z V1. W V2 odpowiednikiem tekstu wariantu pozycji jest `.upcart-public-component-product-tile__variant`. Pełny zestaw znajdziesz w [bibliotece selektorów CSS V2](/pl/upcart/upcart_css_selector_library_v2).

Używaj `!important` tylko wtedy, gdy styl nie jest nadpisywany po zmianie.

<div id="step-4-save-and-test">
  ## Krok 4: Zapisz i przetestuj
</div>

1. Kliknij **Save** w Cart Editor
2. Odśwież stronę swojego sklepu
3. Otwórz cart drawer i potwierdź, że rozmiar czcionki się zaktualizował

Jeśli tekst się nie zmienił, sprawdź ponownie nazwę klasy lub jeszcze raz użyj narzędzia Inspect w przeglądarce, aby potwierdzić, że celujesz we właściwy element.