Mértékegységek kiválasztása

Az Elementor sokféle mértékegységet támogat, ezért a méreteket pontosan az igényeid szerint állíthatod. Minden olyan beállítás mellett, amelynek mértékegysége van, ott látod az aktuális egységet (például px, pixel).

Mértékegység váltása

1. Kattints a beállítás melletti mértékegységre (például a px feliratra). Megnyílik a választható egységek listája.
2. Válaszd ki a használni kívánt egységet.

https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor

A képen a px, %, em, rem és vw egység látszik, alatta pedig a ceruza ikon, amellyel egyéni értéket adhatsz meg. Hogy melyik egységek közül választhatsz, az adott beállítástól függ.

Egyéni mértékek

Egyes webes szakemberek szívesebben használnak CSS-matematikai függvényeket. Ilyenkor a méretet képlettel adják meg, például a címsor betűméretét calc(2.5em + 2vw) értékre állítják. Ez a címsor 2,5 em méretű, plusz a böngészőablak szélességének 2%-a. Mivel a képlet a nézetablak szélességétől függ, a kialakítás bármilyen képernyőmérethez igazodik.

A CSS-függvényekkel a webhelyed pontosabb és reszponzívabb lehet, és különböző mértékegységeket (például pixelt és vh-t) is összeköthetsz. Az Elementor több elemnél támogatja őket: tárolóknál, szakaszoknál, oszlopoknál és a tipográfiai beállításoknál is.

Egyéni mérték megadása

1. Nyisd meg a mértékegységek listáját a fentiek szerint.
2. Kattints a ceruza ikonra.
3. Írd be a CSS-függvényt a szövegmezőbe, például calc(2.5em + 2vw).

https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor

A képen a ceruza ikon már aktív, a csúszka helyén pedig egy szövegmező van a képlettel. A mező megjelenése kicsit eltér attól függően, hogy melyik elemet szerkeszted.

Ügyelj rá, hogy:

• mindig add meg a mértékegységet (például 50px, nem 50);
• ne legyen szóköz az érték és a mértékegység között (50px, nem 50 px).