# Image box

{% embed url="<https://youtu.be/zECSPEAeE-A>" %}

This section helps you add **Icon, Header, Subheader, and Text in many boxes**. You can use this section for many different purposes, especially for a more flexible Free Shipping section. Let's stick to this article to figure it out.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/9Ikin0SlWsD7DK05kCdq/icon-box.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

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

## Image box settings

#### 1. Section header and general

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/WTQz6jrVl8iIhr4OJQp3/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Columns:** You can specify the number of columns per row and adjust the spacing between them.

**Color schema:** You are allowed to change text color, background color with preset color.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/E2Ujzh9yYP2fvXS6rX7s/image.png" alt=""><figcaption></figcaption></figure>

#### 2. Image box

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/VIyNP1jzvRh7qvFNRMiF/image.png" alt=""><figcaption></figcaption></figure>

#### 3. Image box content

This option allows you to choose icons from three sources: **Icon, Image, SVG**. You can choose one and then upload for your devices and outer sources.add **Icon, Header, Sub header, and Text in many boxes**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/leb9Ezp4uK0wneKLNlks/image.png" alt=""><figcaption></figcaption></figure>

#### 4. Typography

Utilize the provided setting options to change the position and font of the heading and subheading.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/rMGyGVXKpQ4yxIm3pYsP/image.png" alt=""><figcaption></figcaption></figure>