# Icon with text v1

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Icon with text**
3. **Save**
   {% endhint %}

The Icon with Text v1 section features a design with a central image flanked by icon boxes on either side. This layout creates a balanced and visually appealing structure, where the image serves as the focal point, while the icon boxes provide additional information or actions. You can easily customize the icons, text, and the central image to align with your website’s theme, making it a great way to highlight key features or services in an engaging, organized manner.

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/mYxjPSe4JsiqlorvAOFF/image.png" alt=""><figcaption></figcaption></figure>

### General setting <a href="#id-1.-design-settings" id="id-1.-design-settings"></a>

**Heading**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/pVIL0NMzCc3HRVTwtF0J/image.png" alt=""><figcaption></figcaption></figure>

**Color**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/AMtuaIijq6mynTn1gaaL/image.png" alt=""><figcaption></figcaption></figure>

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/6Tnzjz9Y7z75ZoordZyl/image.png" alt=""><figcaption></figcaption></figure>

### Item Settings

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/Lmi46fDf3bFjXeFnWwr5/image.png" alt=""><figcaption></figcaption></figure>
