> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Dodatkowe CSS

> Ukończ wygląd Twojego motywu z dodatkowymi zasadami stylu z edytora kodu.

Strona Kreatywna **Dodatkowe CSS** otwiera część. Możesz napisać własne zasady CSS do edytora kodu. Numery linii pomagają Ci znaleźć miejsce, które ustawiłeś na długim pliku.

[![CSS editor, Line numbers](https://mintcdn.com/zonely-a8cd49e7/chEWsMezXc9HlpJ7/images/panel/page-builder-guide-20261025/22-ek-css-pl.png?fit=max\&auto=format\&n=chEWsMezXc9HlpJ7\&q=85\&s=700c7940eb975edea4200c1db0609fd1)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/22-ek-css-pl.png)

> [card] 1. Edytor CSS
>
> Type tutaj zasady stylu. Na przykładzie, rogi kart są rolled.

> [card] 2. Numery linii
>
> Pomaga Ci podążać za linią, którą zmieniasz w długich regułach

## Dodaj regułę stylu

Po pierwsze, wybierz klasę elementu, który chcesz zmienić. Następująca zasada to obracanie rogami karty helpwriting na domyślnym temacie:

```css theme={"theme":"css-variables"}
.zn-help-article-card {
  border-radius: 18px;
}
```

Selektywne określa element, który ma być zastosowany przez regułę; obszar w ozdobionym aparacie na aparat zmieni styl. Użyj klasy odpowiedniego elementu, jeśli pracujesz nad innym tematem.

## Identyfikacja domeny

`.card` Podobnie jak general selector może wpływać na wiele kart w tej samej klasie. Dodaj klasę lub pojemnik do selektywnego w tej sekcji, aby zmienić określoną część samodzielnie.

Ogólny kolor, szerokość i przed czcionką [Kolory](https://docs.zonely.gen.tr/pl/guides/page-builder/colors.md), [rozrachunek](https://docs.zonely.gen.tr/pl/guides/page-builder/layout.md) i [Czcionki](https://docs.zonely.gen.tr/pl/guides/page-builder/fonts.md) używają pól. W przypadku zmiany tych ustawień, przy użyciu dodatkowych CSS, może być konieczne sprawdzenie dwóch miejsc w następnych regulacjach.

## Podgląd i zapisać

Po napisaniu reguły, otwórz stronę dotkniętą w podglądzie. Na przykład, sprawdź regułę karty pomocy w artykule pomocy; na stronie głównej może nie być dostępna.

Zamknij okno **Zapisz wszystko** Naciśnij przycisk. Zobacz tę samą stronę, widok na otwarte / biurko i wyświetlacz telefonu po stronie użytkownika.

Jeśli wynik nie pojawia się, sprawdź, czy selektywne dopasowania z odpowiednim elementem, ozdobne aparaty są zamknięte, a linie funkcji są oddzielone przez przecinek wskazujący. Możesz dowiedzieć się, która zmiana wpływa na wygląd poprzez usunięcie i porównanie ostatniej dodanej reguły.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.