# Cselekvési gomb

Ez a leírás segít Önnek egy Call to Action doboz hozzáadásában.

<div class="vc_row wpb_row vc_row-fluid" id="bkmrk-megjegyz%C3%A9s%3A%C2%A0a-widget"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="wpb_text_column wpb_content_element "><div class="wpb_wrapper"><div class="ricsi info alert alert-info">  
</div></div></div><div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-info vc_custom_1600254121991"><div class="vc_message_box-icon">  
</div><div class="ricsi info alert alert-info"><span class=".">**Megjegyzés:** A widget az **Alapértelmezett Stílussal** jön létre amelyet a beállított sablon ad, azonban ez szabadon **módosítható**.</span></div></div></div></div></div></div>#### CALL TO ACTION WIDGET ELHELYEZÉSE

A baloldalon található Widget Panel-ről húzza a Call to Action Widget az oldalára.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-dragdrop.png)

#### CALL TO ACTION SZÖVEG

- Módosíthatja a **címet, alcímet, és szöveget**.
- A szöveg igazítását az **igazítás** résznél állíthatja be.

   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-customtext.png)

#### CALL TO ACTION HÁTTÉR

- Módosíthatja az **alakját**, a háttér előre meghatározott **stílusát** vagy beállíthat egyedi stílust is.
- Módosíthatja a **teljes szélességét** a háttérnek.
- Módosíthatja továbbá a **gomb pozíciót** a háttér alakját és a **szövegét** a gombnak.

   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-background.png)

#### CALL TO ACTION GOMB

- Módosítható a **gomb hivatkozása**, valamint megadhatja hogy a hivatkozás új ablakban nyíljon meg, ehhez **jelölje be** a jelölő négyzetet.
- A gomb alakját is **kiválaszthatja** valamint a gomb **előre definiált** színe is megadható a lehulló listából.
- A gomb méretét az **előre meghatározott** gombméretek közül lehet kiválasztani.

   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-button.png)

#### CALL TO ACTION GOMB IKON

- Módosíthatja a gomb ikonját az ikon lista alapján.
- A gombhoz tartozó ikon igazítását is be lehet állítani ami lehet bal, vagy jobbra zárt.
- A gomb **animációját** a lehulló listából választhatja ki.

   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-btnIcon.png)

#### CALL TO ACTION IKON

- Módosítható az ikon **pozíciója** a lehulló lista alapján.
- Az **Ikon** módosítható a lehulló lista alapján.
- Változtatható az **előre beállított** ikon szín, de **egyedi** szín is megadható, ehhez válassza az egyedi színt, majd adja meg a kívánt színt.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/CTA-Icon.png)

- Az ikon mérete lehet **előre meghatározott**, vagy **egyedi** méretű.
- Ha szeretné akkor beállíthat **fél ikont** is szegéllyel, ehhez jelölje be a a jelölő négyzetet.
- Az ikon animációja lehetőséget ad az ikon oldal betöltődés során megjelenő **animációs stílusának** módosítására.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/CTA-Icon-custom.png)

#### CSELEKVÉSI STÍLUS

két cselekvési stílus közül választhat **1)** elem stílus szerkesztése valamint **2)** előre meghatározott stílus

- Az **elem stílus szerkesztése** lehetőséget biztosít egyedi stílusok beállítására, így lehetősége van többek között egyedi háttér színt, szöveg színt, margint, keret stílust beállítani.
- Alapértelmezésben itt nem választhat előre definiált stílusok közül, azonban használhat **saját class**-okat amelynek segítségével egyedi stílust állíthat be.

   
![](https://dotroll.com/wp-content/uploads/2020/08/CTA-style.png)