Elemek mérete (V4)

A Méret szekció az elem magasságát és szélességét állítja. A szekció a V4 (atomikus) elemek Stílus fülén van.

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

A méretbeállítások fajtái

Beállítás	Mit csinál
Szélesség, Magasság	Az elem mérete normál körülmények között. Ha üresen hagyod, a tartalom dönti el az elem méretét.
Minimális szélesség, Minimális magasság	A legkisebb méret, amelyre az elem összezsugorodhat, akkor is, ha a tartalom vagy az elrendezés kisebbet kívánna. Segít egyensúlyt teremteni a kialakítás és a reszponzivitás között.
Maximális szélesség, Maximális magasság	A legnagyobb méret, amelyre az elem megnőhet, akkor is, ha a képernyő vagy a tartalom nagyobbat engedne. Ez is a reszponzivitást segíti.
Túlcsordulás	Mi történjen, ha az elem tartalma nagyobb az elemnél.

A Túlcsordulás három értéket ad:

• Látható: a tartalom az elem határán kívül is látszik.
• Rejtett: az elem határán kívül eső tartalom el van rejtve.
• Automatikus: az elem határán kívül eső tartalmat görgetéssel lehet elérni.

Az elem méretének módosítása

A példában olyan képet készítesz, amely reszponzív, és a tervezési korlátokon belül marad.

1. Nyisd meg az Elementor szerkesztőt.
2. Add hozzá a vászonhoz a Div-blokk elemet.
3. Húzz egy Kép elemet a Div-blokkba. Megjelennek a kép elem beállításai a panelen.
4. Add meg a képet a widgetnek. A képek hozzáadásáról a Képek és ikonok hozzáadása fejezet szól.
5. Kattints a Stílus fülre.
6. Nyisd ki a Méret szekciót.
7. Állítsd az alapszélességet 50%-ra, hogy az elem mérete a szülő tárolóhoz igazodjon.
8. A Minimális szélesség legyen 200 képpont, hogy a kép ne legyen túl kicsi.
9. A Maximális szélesség legyen 600 képpont, hogy a kép ne nyúljon el aránytalanul.
10. A magasságokat hagyd az alapértéken.

Így olyan képet kapsz, amely sokféle képernyőméreten jól néz ki.

Képarányok megtartása az objektum illesztésével

A Méret szekcióban van egy különleges, főként képekhez használt vezérlő, amely megtartja a tartalom arányait: az Objektum illesztése. A Továbbiak megjelenítése gombra kattintva jelenik meg.

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

1. Add hozzá a vászonhoz a Kép elemet. A beállításai megjelennek a bal oldali panelen.
2. Kattints a Stílus fülre.
3. Nyisd ki a Méret szekciót, és módosítsd a kép méretét. Ha például csak a magasságot változtatod, a kép torzul.
4. Kattints a Továbbiak megjelenítése gombra.
5. Az Objektum illesztése legördülő listából válassz az alábbiak közül:

Érték	Mit csinál
Kitöltés (az első)	A kép pontosan kitölti az elemet, a megadott méretre nyújtva, ezért torzulhat.
Kitöltés (a második)	A kép megtartja az eredeti arányait, de csak egy része látszik. Ha ezt választod, megjelenik az Objektum pozíciója menü, amellyel megadhatod, a kép melyik része látszódjon.
Teljes kép megjelenítése	A kép úgy illeszkedik az elembe, hogy megtartja az arányait. Az Objektum pozíciója menüvel megadhatod a kép helyét az elemen belül.
Nincs	A kép az alapértelmezett méretét használja. Ha a kép egy része nem látszik, az Objektum pozíciója beállítással adhatod meg, melyik rész látszódjon.
Kicsinyítés	A kép arányait megtartva lekicsinyíti, hogy elférjen az elemben. Az Objektum pozíciója menüvel megadhatod a kép helyét az elemen belül.

Kép vagy videó képarányának módosítása

A képarány a szélesség és a magasság aránya, két számmal, kettősponttal elválasztva (például 16:9). Főként képekre és videókra vonatkozik. A Méret szekcióban szabályozhatod.

1. Add hozzá a vászonhoz a Kép elemet. A beállításai megjelennek a bal oldali panelen.
2. Kattints a Stílus fülre.
3. Nyisd ki a Méret szekciót.
4. Kattints a Továbbiak megjelenítése gombra.
5. A Képarány legördülő listából válassz egy arányt, vagy az Egyéni értékkel add meg a sajátodat. A kész arányok: Automatikus, 1/1, 4/3, 3/4, 16/9, 9/16, 3/2 és 2/3.