# A listaelemek egyforma magassága

> Az Equal columns height kapcsoló és a minimális magasság beállítása, hogy a Listing Grid elemei és bennük a widgetek is egy vonalban legyenek.

Ha a listaelemek tartalma eltérő hosszú, a Listing Grid oszlopai különböző magasak lesznek. Két lépésben tudod egységesíteni: előbb az oszlopokat, utána a bennük lévő widgeteket. Előfeltétel: ingyenes Elementor, blokkszerkesztő vagy Bricks, aktív JetEngine és egy elkészített listázási elem.

## Az oszlopok egyforma magassága

1. Nyisd meg az oldalt, amelyen a lista van (a példában Elementorral). Ha még nincs ott, add hozzá a Listing Grid widgetet, blokkot vagy elemet, és válaszd ki a listázási elemet.
2. A **Content** fülön kapcsold be az **Equal columns height** kapcsolót.
3. Kattints a **Publish/Update** gombra.

A frontenden az oszlopok egyforma magasak, de a tartalmuk a felső szélhez igazodik. A bennük lévő widgetek egymás alatt még nem feltétlenül kerülnek egy vonalba, ezt a következő rész oldja meg.

## A widgetek egy vonalba igazítása

![A listázási tételek és komponensek listája](./kepek/listazas-7-listazasok.webp)

*A listázási tételek és komponensek listája* (https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-engine)

A képen a listázási elemek listája látszik; innen nyitod meg szerkesztésre azt az elemet, amelyiknek a tartalmát igazítani akarod.

1. Nyisd meg a **JetEngine → Listázások/komponensek** oldalon a listázási elemet a szerkesztőben (Elementor, blokkszerkesztő vagy Bricks).
2. Azt a widgetet, amelynek a tartalma különböző magasságú, tedd egy **Inner Section** widgetbe. Ha a szakasz két oszlopot kap, a másodikat töröld.
3. Az **Inner Section** beállításainál a **Height** értéke legyen **Min Height**, majd a **Minimum Height** mezőben adj meg a mostaninál nagyobb értéket. Példa: egy **Dynamic Field** widgetnél, amelyben a cím különböző hosszú lehet, a minimum 90, így az alatta lévő **Icon List** widget minden elemnél ugyanarra a szintre kerül.
4. Ha **Container** widgetet használsz, minden eltérő magasságú widgetet tegyél külön konténerbe, és mindegyiknek állítsd be a **Min Height** értékét.
5. Ismételd meg ezt az összes eltérő magasságú widgetnél, majd kattints az **Update** gombra.

Az oldalon a lista tartalma egy vonalba kerül.