# Image with text

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Add an image with a title, description, and Button. Choose the size of your image and upload it.

{% hint style="info" %}
**Recommendation Size**\
**I**mage size: 775x720
{% endhint %}

<table><thead><tr><th width="270">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>Enable this checkbox to set full width background in the image with text section.</td></tr><tr><td>First image</td><td>Use "First image" to add the main image to the section.</td></tr><tr><td>Second image</td><td>Use "Second image" to add the small image to the section.</td></tr><tr><td>Image height</td><td><p>Customization of the "Image height" in the Image with text section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Image position</td><td><p>Customization of the "Image position" in the Image with text section is as follows:</p><ul><li>Left</li><li>Right</li></ul></td></tr><tr><td>Desktop Image width</td><td><p>Below, you will find customizations for adjusting the desktop image width within this section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Desktop content position</td><td><p>Desktop content position customization of the text in the section is as follows:</p><ul><li>Top</li><li>Middle</li><li>Bottom</li></ul></td></tr><tr><td>Desktop content alignment</td><td><p>Customization of text alignment in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Background image</td><td>You can add an image behind the content by using a background image.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Animations</td><td><p>Customization of the "Image behavior" in the Image with text section is as follows:</p><ul><li>None</li><li>Ambient movement</li></ul><p>By employing the Ambient movement feature, the image will exhibit motion.</p></td></tr><tr><td>Mobile layout</td><td><p><strong>Mobile content alignment</strong><br>Customization of text alignment in mobile devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2Fo0mLgndt49wxbAkgamyU%2Fimage-with-text.png?alt=media&#x26;token=8dff30be-83b1-42f2-8377-d8358032ab07" alt=""><figcaption></figcaption></figure>

## Add block

To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Bottle</li><li>Box</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Chat</li></ul></td></tr><tr><td>Open collapsible row</td><td>Enable this checkbox to open collapsible row.</td></tr><tr><td>Row content</td><td>Enter text to display as a row content in the section.</td></tr><tr><td>Row content from page</td><td>Used page to add the content from page in the section.</td></tr><tr><td>Heading</td><td><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Heading size</strong></p><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Caption</td><td><p><strong>Text</strong><br>Input the text to be displayed in this section.</p><p><br><strong>Uppercase text</strong></p><p>Enable this checkbox to set uppercase text.</p></td></tr><tr><td>Text</td><td><p><strong>Sub heading</strong><br>Click on the "Add block" and select the Heading. And enter text to display as a sub heading in the section.<br></p><p><strong>Content</strong><br>Click on the "Add block" and select the text. And enter text to display as a Content in the section.<br><br><strong>Content</strong> <strong>style</strong></p><p>Customization of the "Content style" in the Image with text section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Author details</td><td><p><strong>Image</strong><br>Used image to add to the author image in the section.<br><br><strong>Image type</strong></p><p>Customization of the "Image type" in the Image with text section is as follows:</p><ul><li>Original</li><li>Circle</li><li>Rounded rectangle</li></ul><p><strong>Name</strong><br>Enter text to display as a author name in the section.<br><br><strong>Position</strong><br>Enter text to display as a author position in the section.</p></td></tr><tr><td>Button</td><td><p>Click on the "Add block" and select the Button.<br><br><strong>Button label</strong><br>Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br>Use "Button link" to add a link to the Button in the section.<br><br><strong>Open this link in a new window</strong><br>By using the "Open this link in a new window" option, the link will open in a new tab.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the Image with text section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Image</td><td>Use "Image" to add the image to the section.</td></tr></tbody></table>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FA3WctMtlQpiLNguTecpZ%2Fimage-with-text-block.png?alt=media&#x26;token=41a75786-9e68-4e11-9f3b-115319bdcd9a" alt=""><figcaption></figcaption></figure>
