> ## 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.

# További CSS

> A téma megjelenését a kódszerkesztő további stílusszabályaival egészítse ki.

Oldal Creative **Kiegészítő CSS** nyissa meg a részt. Írhatja saját CSS szabályok a kód szerkesztő. Sorszámok segít megtalálni a helyet, amit elrendezte egy hosszú fájlt.

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

> [card] 1. CSS szerkesztő
>
> Type A stílus szabályai itt. A példában, a kártya sarkai roled.

> [card] 2. Sorszámok
>
> Helps kövesse a sor változik a hosszú szabályok.

## Add a style rule

Először is válassza ki a kívánt elem osztályát. A következő szabály a súgókártya sarkainak görgetése az alapértelmezett témán:

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

Szelektív határozza meg a termék kell alkalmazni a szabály; a terület a díszített fogszabályzó megváltoztatja a stílust. Használja az osztály az adott elem, ha dolgozik egy másik téma.

## Azonosítsa a domain-t

`.card` Mint egy általános beállító is hatással lehet sok kártyát ugyanabban az osztályban. Adja hozzá az osztály vagy a tartály szelektíven abban a szakaszban, hogy megváltoztassa egy adott részt egyedül.

Általános szín, szélesség és betűtípus előtt [Színek](https://docs.zonely.gen.tr/hu/guides/page-builder/colors.md), [kiegyenlítés](https://docs.zonely.gen.tr/hu/guides/page-builder/layout.md) és [Betűtípusok](https://docs.zonely.gen.tr/hu/guides/page-builder/fonts.md) használja a mezőket. További CSS Lehet, hogy a következő szabályokban két helyet kell ellenőriznie, ha ezeket a beállításokat átírja.

## Előnézet és mentés

Miután megírta a szabályt, nyissa meg az érintett oldalt az előnézetben. Például, ellenőrizze a szabály a súgókártya a súgócikkben; a fő oldalon lehet, hogy nem elérhető.

Zárd be az ablakot **Mentés** Nyomja meg a gombot. Ugyanarra az oldalra, nyitott / asztali nézet és telefon kijelző a felhasználó oldalon.

Ha az eredmény nem jelenik meg, ellenőrizze, hogy a szelektív illeszkedik-e a megfelelő elem, a díszített fogszabályzó zárva van, és a funkcionalitás vonalak elválasztják a hegyes vessző. Megtudhatja, hogy milyen változás befolyásolja a megjelenést eltávolításával és összehasonlításával az utolsó hozzáadott szabály.


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