# Image with text

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(28)_C60jrKWp.jpg)

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.

## How to add an Image with Text section to your Shopify store

<Hint type="success">

Steps:

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

</Hint>

## How to edit an Image with Text section

### Section settings

#### Image

Add an **Image** that you prefer for your Image with text section.

* **Desktop image position**:

<Tabs>
<Tab title="Left">

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

</Tab>

<Tab title="Right">

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

</Tab>
</Tabs>

* **Width:** Adjust the image width to control how much space the image occupies relative to the text (between 40-60%).

#### Content settings

* **Desktop content position**: Position the text content at the Top, Middle, or Bottom of the section.
* **Desktop content alignment**: Align text to the Left, Center, or Right.

#### Mobile layout

* **Mobile content alignment**: Select **Inherit** to use the desktop alignment or customize it specifically for mobile devices.

### Blocks settings

Supported blocks for this section are:

* Heading
* Subheading
* Text
* Icon with text
* Button&#x20;
* Badge
* Empty space

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

<Hint type="info">

For the **Badge** block:

The badge will display between the content and the image.

Add **Text** to the badge for the spinning effect.

</Hint>