# Text with icons

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F0iscxiD4tuvRXPhcIcVc%2Ftwi.jpg?alt=media&#x26;token=7571f886-bdb4-4b4d-8dfd-883e9c51b05b" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Text with icons**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FlVshWiWKDiJwYYsnh4iU%2Fvideo-c.jpg?alt=media&#x26;token=e45a9de9-dc9f-453d-9774-3f90a30d7796" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Item settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FhhnaAIBPFCoyEapYjfTU%2Ftwi-s.jpg?alt=media&#x26;token=6242d852-3be0-4251-9fce-2e84640d26d4" alt=""><figcaption></figcaption></figure>

* **Item type** -  *Horizontal / Vertical*
* **Item heading size** -  From Heading 1 to Heading 6
* **Item alignment** - Left / Center / Right
* **Icon background** - None / Square / Circle
* **Icon width**
* **Button style**
* **Show arrow icon**

### Mobile grid settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FaFruXJdik5CHbuivNlhu%2Ftwi-m.jpg?alt=media&#x26;token=b8ad7e08-25ce-436a-8635-a6320435223f" alt=""><figcaption></figcaption></figure>

* **Columns (mobile)** - 1 column / 2 columns (When stacked columns are enabled.)
* **Enable swipe on mobile**
* **Show progress bar on mobile**

### Colors

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F0DsrFzQL2kbqIXyTMWm7%2Ftwi-c.jpg?alt=media&#x26;token=b5c0426b-ebd5-48bd-8848-602507c1dbbb" alt=""><figcaption></figcaption></figure>

* **Background**
* **Text color**
* **Icon background**
* **Icon color**

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Text with icons**
2. **Add Icon**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FG0nUzdltJDkKcVlmRMi5%2Ftwi-b.jpg?alt=media&#x26;token=b1f07e12-c8fa-4a89-b905-f35f11e4149e" alt=""><figcaption></figcaption></figure>
