> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/all-sections-in-theme/image-with-content.md).

# 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="/files/Aqy6kA2dRXVRdQNhKlm0" 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="/files/xlV85f2rLh8U2xoyfDzO" alt=""><figcaption></figcaption></figure>