# Felhívás (Call to Action) szakasz készítése

> Címsorból és gombból álló felhívás felépítése konténerrel, reszponzív beállítással és gyermek konténerrel.

A felhívás sok weboldal alapeleme: általában fontos közlemény vagy ajánlat, de feliratkozás gyűjtésére is használható. A gomb mutathat egy másik oldalra, és ha rendelkezel a Pro bővítménnyel, dinamikus címkével felugró ablakot is nyithat.

![A kész felhívás szakasz: címsor és gomb egy színes hátterű konténerben](./kepek/kontenerek-cta-hero-eredmeny.webp)

*A kész felhívás szakasz: címsor és gomb egy színes hátterű konténerben* (https://minta-bolt.hu/kontener-demo/)

A képen a felső, bézs hátterű rész a kész felhívás.

## Kezdés

Hozz létre egy új oldalt, vagy nyiss meg egy meglévőt az Elementor szerkesztőben.

## A konténer felvétele

1. Kattints a vásznon a **+** jelre, és adj hozzá egy új konténert.
2. A **Tartalom szélessége** a példában **Dobozos**, de használhatsz **Teljes szélesség** értéket is.
3. A **Stílus** fülön adhatsz a konténernek háttérszínt vagy más stílust. Ha vannak mentett globális színeid, gyorsan alkalmazhatod őket.
4. A **Haladó** fülön adj a konténernek paddinget (például 21 PX).

## A tartalom

1. A panelről húzz egy **Címsor** widgetet a konténerbe, és írd át a szöveget.
2. Húzz alá egy **Gomb** widgetet, és ha szeretnéd, add meg a hivatkozását.

## Igazítás a rugalmas tulajdonságokkal

1. Jelöld ki a konténert.
2. Nyisd ki a **Tételek** részt az **Elrendezés** fülön.
3. Állítsd az **Irány** értékét vízszintes sorra, hogy a widgetek egymás mellé kerüljenek.
4. Az **Elemek igazítása** mezővel igazítsd őket függőlegesen középre.
5. A **Tartalom igazítása** mezővel oszd el a widgetek közötti helyet (például **Térköz az elemek között**).

## Reszponzív beállítások

Nyisd meg a reszponzív módot a panel aljáról, és válaszd ki az eszköztípusokat, majd végezd el a szükséges módosításokat. Táblagépnél általában kevés módosítás kell. Mobilnézetben célszerű lehet átállítani a konténer irányát (például függőleges oszlopra), majd az **Elemek igazítása** mezővel a tervhez illően igazítani a widgeteket.

## További tartalom: gyermek konténer

Ha a felhívásban több tartalomra is szükség van, adj hozzá egy gyermek konténert.

1. Húzz egy **konténer** elemet a panelről a szülő konténerbe.
2. Húzd a **Címsor** widgetet a gyermek konténerbe.
3. Szerkeszd a gyermek konténer **Elrendezés** fülét.
4. A **Tartalom szélessége** mezőben válaszd a **Teljes szélesség** értéket.
5. A csúszkával állítsd a konténer szélességét; a szülő **Tartalom igazítása** beállítását így is tiszteletben tartja.
6. Ha kell, a **Tételek** mezőkkel igazítsd a tartalmat a tervhez.
7. A **Hézagok** beállítással adhatsz helyet a widgetek közé.

## Következő lépések

További konténeres elrendezések: nyitó rész, hero rész, szolgáltatások rész és hero képgaléria, lásd az [alapelrendezéseket](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-alapelrendezesek/) és a [hero képgalériát](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-hero-galeria/).