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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sitar-doc.winterinfotech.com/sections/image-with-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
