# Image With Content

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Image With Content"**.
{% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FAAPN1EDBq9WtRhDmqOLv%2Fscreenshort-117.jpg?alt=media&#x26;token=529e7510-8f02-4204-9f4a-fe6c7da841b0" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>Setting</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td><td></td></tr><tr><td>Background Color, Background Gradient, Background Image</td><td>Apply Background Color, Background Gradient, Background Image on the background of the section.</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Enable Row Reverse</td><td>Toggle the display of Enable Row Reverse.</td><td></td></tr><tr><td>Select Image</td><td>Select Image in Block section</td><td></td></tr><tr><td>Content: Alignment</td><td>Select the alignment of the content to be either to the Top, Center or Bottom</td><td></td></tr><tr><td>Title</td><td>Enter the title for the block.</td><td></td></tr><tr><td>Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Description</td><td>Enter the Description for the block.</td><td></td></tr><tr><td>Content: Max Width</td><td>Set Content Max Width</td><td></td></tr></tbody></table>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FC8850mvnE8az2vQBDNz4%2Fscreenshort-118.jpg?alt=media&#x26;token=20d4821d-2696-4fc0-89de-f1fd92917d9a" alt=""><figcaption></figcaption></figure>
