Przegląd
Krok 1: Zbadaj element
- Otwórz swój sklep i uruchom drawer Upcart.
- Kliknij prawym przyciskiem myszy element, którego rozmiar czcionki chcesz zmienić.
- Wybierz Inspect z menu kontekstowego przeglądarki, aby otworzyć narzędzia deweloperskie.
- Znajdź nazwę klasy elementu w panelu HTML.
Przykład:upcart-item-option
Krok 2: Otwórz edytor niestandardowego CSS
- Przejdź do Shopify Admin > Apps > Upcart
- Otwórz Cart Editor
- Kliknij Settings
- Znajdź sekcję Custom CSS
Krok 3: Napisz swój niestandardowy CSS
- Zacznij od kropki (
.), a po niej wpisz nazwę klasy - Dodaj
{ font-size: 14px !important; }(lub żądany rozmiar)
.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.
Używaj !important tylko wtedy, gdy styl nie jest nadpisywany po zmianie.
Krok 4: Zapisz i przetestuj
- Kliknij Save w Cart Editor
- Odśwież stronę swojego sklepu
- Otwórz cart drawer i potwierdź, że rozmiar czcionki się zaktualizował