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

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

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.

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.

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.