# Szolgáltatás doboz

Ez a leírás segít Önnek egy szolgáltatás doboz hozzáadásában**.**

#### SZOLGÁLTATÁS DOBOZ ELHELYEZÉSE

- A bal oldalon található **Widget panel**-ról húzza a **Szolgáltatás dobozt** az oldalára.
- Így megjelenik egy **párbeszédpanel**, ahol személyre szabhatja a **Szolgáltatás dobozt**.
- A képen látható módon válassza ki az Önnek megfelelő **Tartalom stílust.**

   
![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-drag.png)

#### SZOLGÁLTATÁS DOBOZ MÉDIA TÍPUSA

- Válassza ki a **Média Típust** , amit szeretne megjeleníteni a Szolgáltatás dobozban. Mi most a **Betűtípus Ikon**-t választottuk.
- Ha kiválasztottuk a **Betűtípus Ikon**-t legörgetve megadhatunk további beállításokat is az **Ikonnak**, mint ahogy a lenti képen is látható. Ugyan így szükséges beállítani a **Ikon képet** és a **Széles képet**.
- A beállításokban további tulajdonságokat is személyre szabhat, pl.: **Szín, Méret**.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-settings1.png)  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-settings2.png)

#### SZOLGÁLTATÁS DOBOZ TARTALMA

- Írja be a Szolgáltatás doboz **Címét** és adja meg a **Cím Stílusát** a képen látható módon.
- A Szolgáltatás doboz szövegét a **Tartalom** dobozban adhatja meg.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-settings3.png)

### GOMB

- Pipálja be a **Gomb megjelenítést.**
- A következő lépésben megadhatja a gombon megjelenítendő szöveget és egy **Gomb linket**, ha más oldalra szeretne irányítani a **gombra kattintással**.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-settings4.png)

- A képen látható módon válasszon egy **Gomb Színt** az előre definiált színekből, vagy az **Egyéni** lehetőségere kattintva.
- Az **Igazítás** lehetőséggel beállíthatja a **gomb** pozícióját.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-settings5.png)

#### ELŐRE ELKÉSZÍTETT STÍLUS

- Az **Edit Element Style**-ra kattintva mentheti el az **Előre elkészített stílusok** közé.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Service-box-styles.png)