> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/sections/image-banner-two-columns.md).

# Image banner: two columns

### What It Does

The **Image banner: two columns** section lets you customize the image banner of your store.

{% hint style="success" %}

#### How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Image banner: box"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

### What It Does

The **Image banner: standard** section lets you customize the image banner of your store.

{% hint style="success" %}

#### How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Image banner: box"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

#### **Image (desktop)**

Upload an image for this element on desktop.

#### **Image (mobile)**

Upload an image for this element on mobile.

#### **Type (desktop)**

Controls the Type (desktop). Choose from: Image on the left, Image on the right.

#### **Image height (desktop)**

Controls the height of this element. Choose from: Adapt to image, Small, Medium, Large.

#### **Image height (mobile)**

Controls the height of this element. Choose from: Adapt to image, Small, Medium, Large.

#### **Image margin**

Adds space around the outside of this element.

#### **Image border radius**

Rounds the corners of this element.

#### **Overlay opacity**

Controls the transparency level.

**Appearance**

#### **Text alignment**

Controls the text alignment.

#### **Text shadow**

Adds a shadow effect for visual depth.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

**Animation**

#### **Scroll animation type**

Controls the Scroll animation type. Choose from: None, Zoom fade in and out.

***

### Supported Blocks

#### Border

#### Button

#### Buttons

#### Countdown timer

#### Custom liquid

#### Giant heading

#### Heading

#### Icon

#### Image

#### Menu

#### Link

#### Logo

#### Newsletter form

#### Social media

#### Subheading

#### Text

#### Vertical spacer

#### Video