# Text with icons

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FImXCrlFCjl0Qg4uZ6Cit%2F2025-04-04_14-53-11.jpg?alt=media&#x26;token=c3996d4c-2932-49f2-9202-87eea359ac25" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FZeL5GLax457RmB1agBVY%2F2025-04-04_14-53-39.jpg?alt=media&#x26;token=105a6594-90b5-4d04-b0f2-2e887797dece" alt="" width="282"><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FzXMlmO7BRxPpIgU1RXUm%2F2025-04-04_14-54-14.jpg?alt=media&#x26;token=30cdbeb3-d1ec-48c5-b717-abaea45259e7" alt="" width="284"><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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FajMwGjI4KMJAsTCEAhAF%2F2025-04-04_14-54-41.jpg?alt=media&#x26;token=b4fcb710-efd4-482e-be79-119a74764bbc" alt="" width="283"><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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FlPNKnNOhJeX73nYwWQfi%2F2025-04-04_14-55-33.jpg?alt=media&#x26;token=b3ac3f5e-c7e2-4abb-848e-2118a629842d" alt="" width="282"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FsHIz5GQyEug5dLQl3bKb%2F2025-04-04_14-56-11.jpg?alt=media&#x26;token=e3e4acc9-142b-423e-8e83-4817fb1c113b" alt="" width="291"><figcaption></figcaption></figure>
