##  Így szúrj be gomb elemet a leveledbe a reszponzív szerkesztőben 

Ez az útmutató megmutatja, hogyan szúrhatsz be kattintható gombot a reszponzív szerkesztőben: kiderül, hogyan állítsd be a gomb feliratát, a céloldal hivatkozását, valamint a gomb méretét, elhelyezkedését, keretét és háttérszínét.

A szerkesztő bal oldalán láthatod az elemek listáját. Itt található a gomb elem is. Ezeket csak egyszerűen rá tudod húzni az emailre.

A gomb elemre való kattintás után a kék keret bal alsó sarkánál találod a szerkesztés részt. Erre kattintva a gombon lévő szöveget tudod szerkeszteni.

Ekkor a szöveg felett megjelennek a szövegszerkesztőkből már megszokott funkciók. (Ezeket bővebben [ITT](https://www.listamester.hu/utmutato-listamesterhez/levelek/hogyan-kell-dolgozni-reszponziv-szerkesztovel "Hogyan kell dolgozni a reszponzív szerkesztővel? - Szöveg elem beszúrása a levélbe"), a szöveg beszúrásánál kifejtettük.)

![Listamester - Útmutatók - Levelek - Chamaileon - Gomb elem szerkesztése](/sites/default/files/inline-images/k%C3%A9p_2023-10-08_154806702.png)

A gomb elemre való kattintás után a **felső szerkesztőlécen** megadhatod, hogy ha az olvasó rákattint a gombra, akkor milyen weboldalra léptesse őt át.

A **jobb szerkesztőlécen** a gomb elemet tudod szerkeszteni.

- **Elem méret –** A mérete automatikusan a szöveghez rögzíti a szerkesztő, vagy pontos pixelek megadásával rögzíthetjük a gomb elem méretét.
- **Gomb elhelyezkedése -**  bal, közép, jobb
- **Határ –** Itt az egész gomb elemet tudod méretezni.
- **Térköz -** Itt margót tudsz adni a gombnak, ehhez módosítanod kell a pixel méreteket.
- **Szél** **–** Betudod keretezni a gombot akár egyszerű- , szaggatott-, dupla vonallal vagy pontozottan. Módosíthatod a keret méretét pixelekben és a színét, valamint akár le is kerekítheted a gombot.
- **Gomb háttere** – Itt a háttérszínt tudod állítani. A gomb elem számára akár háttérképet is tudsz behelyezni.

![Listamester - Útmutatók - Levelek - Chamaileon - Gomb elem szerkesztése 2](/sites/default/files/inline-images/k%C3%A9p_2023-10-08_154858326.png)