# Gomb

Ez a leírás segítséget ad a Gomb widget beállításaiban és a stílusok módosításához.

#### GOMB WIDGET BEÁLLÍTÁSAI

Amikor a **Fogd és vidd** módszer segítségével Gomb widgetet mozgat a Website Builder kezelőfelületén akkor megjelnik a **Gomb beállítások, és Stílus** doboz. Navigáljon a Gomb beállításon részre. Itt lehetősége van a **Gomb szövegének** és a **Gomb hivatkozás** módosíátásra. Abban az esetben ha bejelöli az **Open link in new window** lehetőséget akkor a gombra történő kattintást követően új ablakban fog megjelenni a hivatkozott tartalom.

Abban az esetben ha szeretne akkor ikont is megjeleníttethet a Gomb alatt, ehhez az **Icon** felirat alatt található lehulló listából válassza ki az ikont a listából.

Ha szeretne **teljes szélességű stílussal** ellátott gombot elhelyezni akkor jelölje be a **Stretch** opciót, az **Alignment** résznél lehetősége van a gomb igazításának beállítására is.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Button-settings.png)

#### GOMB HIVATKOZTATÁSA EGY ADOTT OLDALHOZ

A **Gomb**-t hivatkoztatni lehet már meglévő oldalhoz, ehhez kattintson a három vízszintes pöttyre.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Link-page-click.png)  
   
A felugró ablakban kattintson a lefelé mutató **nyílra**.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Insert-link-popup.png)  
   
Válassza ki az adott oldalt, majd kattintson az **Add Link** gombra.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Select-page-to-link.png)

#### GOMB ELEM STÍLUSÁNAK SZERKESZTÉSE

Lehetősége van a **Gombhoz egyedi stílust** beállítani, mint például háttér szín, szöveg szín, stb., ehhez kattintson a **Edit Element Style** gombra.

Az **Predefined styles** gombra, ahol a már előre meghatározott stílusok közül választhat. A kiválasztás befejezését követően kattintson ismét a **Predefined Styles** gombra.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Button-style.png)

#### EGYEDI STÍLUS A GOMBHOZ

Lehetősége van egyedi stílus létrehozására is, ahol beállítható többek között a háttér szín, szöveg szín, padding, keret-rádiusza, stb. Miután minden beállítást elvégzett kattintson az **Apply** gombra.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Button-custom-style.png)

#### ELŐRE DEFINIÁLT GOMB STÍLUS

Az előredefiniált gomb stílusok **class**-okat adnak a gombokhoz, amelyeknél már előre meg van határozva a háttér szín, szöveg szín, és a gomb mérete.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Button-predefined.png)