# Column image

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fsw9wIaG74ZWsQNoqD5Nx%2Fcolumn-image1%20(1).png?alt=media&#x26;token=f5c9ded7-326d-41da-a46b-88c5a1d89ba6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fr08El4l2iR4Dhw0cdmWF%2Fcolumn-image2.png?alt=media&#x26;token=e473a108-2131-4866-9565-d0f458b015f7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fpqe1ztXSDjgdHtffw6gB%2Fcolumn-image3%20(1).png?alt=media&#x26;token=c0909520-5cd9-4a64-b423-a4d9be36168d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FeUu2tJ0adXTMGiEDMnzd%2Fcolumn-image4.png?alt=media&#x26;token=b087834e-30a2-4501-85fc-c6b93a9b3482" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Column image`**.

## **Section settings**

### Images row

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F1sJJ4xzhrSUa9o0mXjUn%2Fimages-row-settings.png?alt=media&#x26;token=1be72686-acaf-4f80-8eb6-623e40ae7949" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - the title of the section;
2. **`Image aspect ratio`** - aspect ratio of the images. Can be Square, Landscape or Portrait;

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FSlQSCAnyeMW3nHfCNiiZ%2Fimages-row-settings-3.png?alt=media&#x26;token=5463311c-d769-4d03-873f-e33d3d7dca57" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

**Blocks limit - `2`**

### Image Block

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FW9GO785SFTX8ZneCUuvx%2Fimages-row-settings-2.png?alt=media&#x26;token=2f41b319-8064-4686-b6ff-34e137e64e09" alt=""><figcaption></figcaption></figure>

1. **`Image`** - image picker.
