CSS zmienia wygląd Twojego sklepu: kolory, odstępy, rozmiary i nie tylko. Własny CSS możesz dodać w dwóch miejscach w kreatorze: dla całego sklepu albo tylko dla jednej sekcji.
Niestandardowy CSS dla całego sklepu
Kliknij ikonę koła zębatego i otwórz kartę Niestandardowy CSS. Pole nazywa się Kod CSS: Dotyczy całego sklepu. Twój CSS ładuje się na każdej stronie rynku, który edytujesz, a podgląd pokazuje wynik.
Używaj go dla reguł, które muszą działać wszędzie, na przykład do ukrycia elementu na wszystkich stronach lub zmiany stylu każdego przycisku. Na przykład h1 { text-transform: uppercase; } zapisuje główny tytuł każdej strony wielkimi literami.
Niestandardowy CSS dla jednej sekcji
Zaznacz sekcję na karcie Sekcje. Na dole jej ustawień otwórz kartę Niestandardowy CSS. Jej pole Kod CSS mówi Dotyczy tylko tej sekcji. Ma je większość sekcji, w tym nagłówek, stopka, hero, informacje o produkcie i kasa.
To bezpieczniejszy wybór. Storeep dodaje sekcję przed każdym Twoim selektorem, więc Twoje reguły nie mogą zmienić niczego poza nią.
h2 { letter-spacing: 2px; }zmienia tylko tytuły wewnątrz tej sekcji.- Użyj
&, aby nadać styl samej sekcji:& { border-top: 1px solid #000; }. - Reguły
@mediadziałają. Reguły w ich wnętrzu też są ograniczone do sekcji. - Animacje
@keyframespozostają tak, jak je napisałeś.
CSS sekcji należy do tej sekcji na tej stronie. Użyj Zastosuj do wszystkich stron na sekcji, aby skopiować ją razem z jej CSS na inne strony, które ją zawierają. Zobacz Zastosuj do wszystkich stron.
Którego użyć
- Jedna sekcja wygląda źle: użyj Niestandardowego CSS tej sekcji.
- Ta sama zmiana jest potrzebna wszędzie: użyj karty Niestandardowy CSS w ustawieniach.
- Zanim napiszesz CSS, sprawdź, czy jakieś ustawienie już to robi: kolory są w Schematach kolorów, czcionki w Ustawieniach czcionek, a narożniki i cienie pochodzą z motywu.
Gdy Twój CSS nie działa
- Sprawdź, czy nie brakuje
}lub;. Jeden błąd może zatrzymać reguły po nim. - Twoja reguła może być słabsza niż reguła motywu. Ustaw bardziej szczegółowy selektor.
- W CSS sekcji nie zaczynaj selektora od
bodyanihtml. Są poza sekcją, więc reguła nie zadziała. - Jeśli strona wygląda na zepsutą, usuń ostatnią zmianę, opublikuj i dodawaj reguły z powrotem po jednej.
Warto wiedzieć
- Niestandardowy CSS należy do rynku, który edytujesz. Powtórz go w każdym rynku, który go potrzebuje.
- Zmiana motywu może zmienić nazwy klas i układ, więc po zmianie motywu sprawdź swój własny CSS.
- Zmiany trafiają do sklepu po kliknięciu Opublikuj.
- Informacje o HTML i kodzie wewnątrz strony znajdziesz w artykule Własny kod.