# Sablonstílus

> A Sablonstílus (Theme Style) globális beállításai: tipográfia, gombok, képek és űrlapmezők alapértelmezett stílusa, hatása és hibaelhárítás.

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

![A Tipográfia panel](./kepek/globalis-beallitasok-sablonstilus-tipografia.webp)

*A Tipográfia panel* (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

![A Gombok panel](./kepek/globalis-beallitasok-sablonstilus-gombok.webp)

*A Gombok panel* (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

![A Képek panel](./kepek/globalis-beallitasok-sablonstilus-kepek.webp)

*A Képek panel* (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

![Az Űrlapmezők panel](./kepek/globalis-beallitasok-sablonstilus-urlapmezok.webp)

*Az Űrlapmezők panel* (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](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-alapertelmezett-keszlet/).