# Image with text

The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.

![image](https://docs-assets.foxecom.app/megamog-theme/image_xJSk7Ih3.png)

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Image with text.**
3. **Save.**

</Hint>

## Section settings

### General and Layout settings

Select the Color scheme you want to use for your section.

![image](https://docs-assets.foxecom.app/megamog-theme/image_sJQZuQ0h.png)

You can also **enable boxed layout** for the section, and select the **Boxed color scheme**.

![image](https://docs-assets.foxecom.app/megamog-theme/image_Nz965zYw.png)

## Section header

![image](https://docs-assets.foxecom.app/megamog-theme/image_CnooGprL.png)

Give your section a heading and a subheading, or simply leave them blank.

* Text alignment: Left/Center/Right;
* Mobile text alignment: Left/Center;
* Show header divider or not;
* Heading size: H2/H3/H4/H5.

![image](https://docs-assets.foxecom.app/megamog-theme/image_blVxOWiZ.png)

### Grid settings

Adjust the gap between the image and content by adjusting the **Column gap** for desktop and moble view separately.

![image](https://docs-assets.foxecom.app/megamog-theme/image_6hTA8KzS.png)

### Image settings

Select/Upload an image and insert the image link if needed.

You can also decide where to place your image by selecting **Image alignment** as Left or Right.

Set your preferred **Image container width**.

![image](https://docs-assets.foxecom.app/megamog-theme/image_w19FIPcA.png)

## Block settings

Add a Heading, Description, Subtext, and a Button to your section. You can reorder each block to change its position.&#x20;

![image](https://docs-assets.foxecom.app/megamog-theme/image_n3hIGJ5N.png)