Sablonstílus

A Sablonstílus olyan globális beállítások csoportja, amelyekkel az egyes HTML-elemek alapértelmezett stílusát adod meg: háttér, címsorok, gombok, képek, űrlapmezők. Ezek felülírják a sablon stílusbeállításait, így az Elementorral olyan elemeket is formázhatsz, amelyeket nem az Elementor épített. Alapesetben csak a nem Elementor-elemekre vonatkoznak, például a WooCommerce pénztármezőire, a Contact Form 7 címkéire vagy harmadik féltől származó címsorokra. Ha akarod, az Elementorral épített elemekre is érvényessé teheted.

A Sablonstílus érvényesítése az Elementor-elemeken

Az Elementor-elemek többségére csak akkor hat a Sablonstílus, ha kikapcsolod az Elementor alapértelmezett színeit és betűtípusait.

1. A WordPress admin felületén menj az Elementor → Beállítások oldalra, Általános fül.
2. Jelöld be az Alapértelmezett színek kikapcsolása és az Alapértelmezett betűtípusok kikapcsolása jelölőnégyzetet.
3. Kattints a Módosítások mentése gombra.

A szerkesztőben a Sablonstílus paneljeinek tetején is megjelenik ennek emlékeztetője.

A Sablonstílus beállítása

1. A szerkesztőben kattints a bal felső Elementor-logóra, és válaszd a Webhely beállításai pontot.
2. A Sablonstílus csoportban kattints arra a pontra, amelyet módosítani akarsz: Tipográfia, Gombok, Képek vagy Űrlapmezők.

Ha a Hello sablont használod, a sablon fejlécének és láblécének alapértelmezett beállításait is módosíthatod.

Tipográfia

https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor&active-document=4

A képen a Törzs, a Link és a H1-H6 csoport látszik.

Csoport	Beállítás	Mit csinál
Törzs	Szöveg színe	Az alapértelmezett szöveg színe.
	Tipográfia	Az alapértelmezett szöveg tipográfiája.
	Bekezdések közötti térköz	A bekezdés utáni alapértelmezett térköz (margin-bottom).
Link (Normál és Rámutatás)	Szín, Tipográfia	A linkek alapértelmezett színe és tipográfiája normál és rámutatás állapotban.
H1-H6	Szín, Tipográfia	Az egyes címsorok alapértelmezett színe és tipográfiája.

Gombok

https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor&active-document=4

A képen a gombok beállításai látszanak a Normál és Rámutatás állapotváltóval.

Beállítás	Mit csinál
Tipográfia	A gombok alapértelmezett tipográfiája.
Szövegárnyék	A gombok szövegének árnyéka.
Szöveg színe (Normál és Rámutatás)	A gombszöveg színe.
Háttér típusa és Szín (Normál és Rámutatás)	A gombok háttere: Klasszikus (egyszínű) vagy Színátmenet.
Dobozárnyék	A gombok árnyéka.
Szegély típusa	Alapértelmezett, Nincs, Folytonos, Dupla, Pontozott, Szaggatott vagy Barázda.
Sarkok lekerekítése	A gombok sarkainak lekerekítése.
Padding	A gombok belső térköze.

Képek

https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor&active-document=4

A képen a képek beállításai láthatók, külön a Normál és a Rámutatás állapotra.

Beállítás	Mit csinál
Szegély típusa	A képek szegélye (a gombokéval megegyező választék).
Sarkok lekerekítése	A képek sarkainak lekerekítése.
Átlátszatlanság	A képek átlátszatlansága.
Dobozárnyék	A képek árnyéka.
CSS-szűrők	Elmosás, fényerő, kontraszt és telítettség.

A Rámutatás állapotban az áttűnés időtartamát is megadhatod ezredmásodpercben.

Űrlapmezők

https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor&active-document=4

A képen az űrlapmezők beállításai látszanak: a Címke és a Mező csoport, a Normál és Fókusz állapottal.

Csoport	Beállítás	Mit csinál
Címke	Szín, Tipográfia	A mezők címkéjének alapértelmezett színe és tipográfiája.
Mező	Tipográfia	A beviteli mező szövegének tipográfiája.
Mező (Normál és Fókusz)	Szöveg színe, Háttérszín, Szegély típusa, Sarkok lekerekítése, Dobozárnyék, Padding	A beviteli mezők kinézete. A Fókusz állapotban az áttűnés időtartamát is megadhatod ezredmásodpercben.

Visszavonás, piszkozat, közzététel

A Sablonstílus is együttműködik az előzményekkel és a változatokkal: visszavonhatod és újra végrehajthatod a módosításokat, és bármikor visszatérhetsz egy korábbi változathoz. Piszkozat és közzététel is működik: a módosításokat piszkozatként is mentheted, így az élő webhelyre csak a közzététellel kerülnek.

Mely HTML-elemekre hat?

Egyes elemekre a Sablonstílus nem hat, mert az Elementor nem engedi szerkeszteni őket (például fieldset vagy input[type="reset"]).

Beállítás	Érintett elemek
Háttérszín	<body>
Gombok	button, input[type="button"], input[type="submit"], .elementor-button
Bekezdések közötti térköz	<p>
Linkek	<a>
Címsorok	<h1> - <h6>
Űrlap	label, input (a gombok kivételével), textarea, .elementor-field-textual
Képek	<img>

Hibaelhárítás: eltűntek a Sablonstílus-beállításaim

Ez akkor történik, ha a Default Kit törlődött. A Sablonstílus a Default Kit nevű elmentett sablonban tárolódik (Sablonminták → Elmentett Sablonok). Ha törlöd, magától újra létrejön, de a benne tárolt összes beállítás elvész. Ezért csak akkor töröld, ha a Sablonstílus teljes visszaállítása a célod. Lásd: Az Elementor beállításainak visszaállítása.