# Stílusok szintjei és visszaállítás

> Webhelyszintű, űrlapszintű és mezőszintű stílusok, a felülírás sorrendje, valamint az összes webhelyszintű stílus törlése.

Stílust három szinten adhatsz meg. Minél pontosabban célzol egy elemet, annál nagyobb súlya van a beállításnak.

| Szint | Hol állítod | Mire érvényes |
|---|---|---|
| Webhely | **Ninja Forms → Styling** | A webhely minden űrlapjára. |
| Űrlap | Az űrlapszerkesztőben, **Haladó → Stílusok** | Csak az adott űrlapra. |
| Mező | Az űrlapszerkesztőben, a mező beállításai között, **Stílusok** | Csak az adott mezőre. |

## Webhelyszintű stílusok

A beállításuk a [Stílusbeállítások](https://hub.hellowp.io/hu/plugins/ninja-forms-style/stilusok/) fejezetben van leírva.

## Űrlapszintű stílusok

1. Nyisd meg az űrlapot az űrlapszerkesztőben.
2. Válaszd a **Haladó** fület, és kattints a **Stílusok** csempére.
3. A megnyíló panelen kattints a kívánt szakaszra, például a **Konténer stílusai** sorra.
4. Állítsd be az értékeket, majd kattints a panel jobb felső sarkában lévő pipára.
5. Mentsd az űrlapot a **Közzététel** gombbal.

![Az űrlap Stílusok panelje teljes képernyőn, a Konténer stílusai szakasszal](./kepek/szerkeszto-stilusok-fiok.webp)

*Az űrlap Stílusok panelje teljes képernyőn, a Konténer stílusai szakasszal* (https://minta-bolt.hu/wp-admin/admin.php?page=ninja-forms&form_id=2)

A képen a panel tetején a **CSS-mód** kapcsoló és a **Stílusok alaphelyzetbe állítása** gomb látszik, alatta a szakaszok.

A panel szakaszai:

- **Konténer stílusai**
- **Cím stílusai**
- **Sor stílusai**
- **Páratlan sor stílusai**
- **Sikeres válaszüzenet stílusai**
- **Hibaüzenet stílusai**

Itt kevesebb vezérlő áll rendelkezésre, mint a webhelyszintű oldalon: például a **Konténer stílusai** szakaszban a **Háttér**, a **Padding**, a **Margó**, a **Magasság** és a szegély beállításai vannak meg. A **CSS-mód** kapcsoló és a **Stílusok alaphelyzetbe állítása** gomb is megvan, de itt az adott űrlap stílusaira vonatkoznak.

## Mezőszintű stílusok

1. Az űrlapszerkesztő **Űrlapmezők** fülén kattints a mezőre, így megnyílnak a beállításai.
2. Nyisd ki a **Stílusok** csoportot.
3. Három szakasz közül választhatsz: **Címke stílusai**, **Elem stílusai**, **Burkolóelem stílusai**.
4. Állítsd be az értékeket, kattints a pipára, és mentsd az űrlapot.

![Az Üzenet mező beállításai a megnyitott Stílusok csoporttal](./kepek/szerkeszto-mezo-stilusok.webp)

*Az Üzenet mező beállításai a megnyitott Stílusok csoporttal* (https://minta-bolt.hu/wp-admin/admin.php?page=ninja-forms&form_id=2)

A képen a **Bekezdés szövege** típusú **Üzenet** mező beállításai látszanak. A **Stílusok** csoportban a három szakasz mellett a **CSS-mód** kapcsoló és a **Stílusok alaphelyzetbe állítása** gomb áll.

## A stílusok sorrendje

Az érvényesülés sorrendje a webhelyszintű oldalon:

1. Előbb a **Mezőtípus stílusai** fül beállításai érvényesülnek,
2. majd az **Alapértelmezett mezőstílusok** fülé.

Az űrlapszerkesztőben megadott űrlap- és mezőszintű stílusok az egész webhelyre szóló stílusoknál pontosabbak, ezért azokat felülírják. Ha egy űrlap nem úgy néz ki, ahogy vártad, érdemes ezt a sorrendet végignézni.

## Az összes webhelyszintű stílus törlése

Ha nem úgy néznek ki az űrlapok, ahogy szeretnéd, vagy elölről szeretnéd kezdeni, az összes webhelyszintű stílust egyszerre kiürítheted.

1. Nyisd meg a **Ninja Forms → Styling** oldalt.
2. Görgess az oldal aljára.
3. Kattints az **Összes stílus alaphelyzetbe állítása** gombra.
4. A megjelenő **Összes stílus kiürítése?** ablakban kattints az **Összes stílus kiürítése** gombra. A **Mégse** gomb visszavisz az oldalra változtatás nélkül.

![Az Összes stílus kiürítése? megerősítő ablak a Mégse és az Összes stílus kiürítése gombbal](./kepek/stilus-visszaallitas.webp)

*Az Összes stílus kiürítése? megerősítő ablak a Mégse és az Összes stílus kiürítése gombbal* (https://minta-bolt.hu/wp-admin/admin.php?page=nf-styling)

A képen az ablak szövege is látszik: a törlés az oldal összes fülén kiüríti a webhelyre szóló stílusokat, beleértve a tervezési és CSS-mód értékeket is.

A törlés azonnal megtörténik, nem kell hozzá a **Beállítások mentése** gomb, és nem vonható vissza. A törlés után az űrlapok a téma saját stílusát használják (és a **Markáns stílusok** beállítást, ha be van kapcsolva), plusz azokat a stílusokat, amelyeket az űrlapszerkesztőben egyes űrlapokhoz vagy mezőkhöz állítottál be. Ezeket a törlés nem érinti.

Tipp: törlés előtt készíts képernyőképet, vagy írd fel azokat az értékeket, amelyeket később újra használni szeretnél.