# Image with text

<table><thead><tr><th width="213"></th><th></th></tr></thead><tbody><tr><td>Section spacing</td><td><p><strong>Top spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.</p><p></p><p><strong>Bottom spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view.</p><p></p><p><strong>Top spacing (mobile)</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view.</p><p></p><p><strong>Bottom spacing (mobile)</strong> </p><p>Adjust the range bar to add spacing at the bottom of the section for mobile view.</p></td></tr><tr><td>Section visibility</td><td><p>Select from the options to select the visibility of this section:</p><p>-Always </p><p>-Small devices only(On selecting this, the section will be visible on mobile devices only.) </p><p>-Large devices only</p></td></tr><tr><td>Make section fullwidth</td><td>Tick this checkbox to change the section into full width.</td></tr><tr><td>Content</td><td><strong>Heading alignment</strong><br>Select the alignment of the text from left and center.<br><br><strong>Heading</strong><br>Enter the heading text.<br><em>(<strong>Note</strong>: Wrap your text between [ ] to add the markers font.)</em><br><br><strong>Markers font</strong><br>Choose any font from the following options: <br>- Accent <br>- Body <br>- Heading <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.</em>)<br><br><strong>Heading size</strong><br>Select the heading font size from H1-H6.<br><br><strong>Heading tag</strong><br>Select the heading tag from H1-H6 for SEO purposes.<br><br><strong>Description</strong><br>Type any text to appear as a description.</td></tr><tr><td>Image</td><td><strong>Image</strong><br>Choose any image.<br><br><strong>Enable overlay image</strong><br>Tick this checkbox to enable the overlay image.<br><br><strong>Overlay image</strong><br>Choose any overlay image.<br><br><strong>Desktop image size</strong><br>Choose from small, medium or large to decide the image size on desktop view.<br><br><strong>Desktop image position</strong><br>Choose from left or right to decide the image position on desktop view.<br><br><strong>Desktop content position</strong><br>Select from top, middle or bottom to decide the content position on the desktop view.<br><br><strong>Content alignment</strong><br>Select from left, center or right to decide the content alignment on the desktop view.<br><br><strong>Enable content background</strong><br>Select this checkbox to display the content background.<br><br><strong>Enable border</strong><br>Select this checkbox to display the border.</td></tr><tr><td>Colors</td><td><strong>Color scheme</strong><br>Select any color scheme defined in the Theme settings>Colors schemes. </td></tr></tbody></table>

## **Heading block settings:**

<table><thead><tr><th width="262"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Type any text to appear as a title.<br><em>(<strong>Note</strong>: Wrap your text between [ ] to add the markers font.)</em></td></tr><tr><td>Markers font</td><td>Choose any font from the following options: <br>- Accent <br>- Body <br>- Heading <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.</em></td></tr><tr><td>Heading size</td><td>Select the heading font size from H1-H6.</td></tr><tr><td>Heading tag</td><td>Select the heading tag from H1-H6 for SEO purposes.</td></tr></tbody></table>

## **Text block settings:**

<table><thead><tr><th width="269"></th><th></th></tr></thead><tbody><tr><td>Content</td><td>Type any text to display as the description.</td></tr><tr><td>Font size</td><td>Select from regular, small, medium or large to decide the font size of content.</td></tr></tbody></table>

## **Button block settings:**

<table><thead><tr><th width="277"></th><th></th></tr></thead><tbody><tr><td>Button 1-2</td><td><p><strong>Show as link</strong> </p><p>Tick this checkbox to show the button as a link. </p><p></p><p><strong>Show as outline</strong> </p><p>Tick this checkbox to show the button as outlined button. </p><p></p><p><strong>Text</strong> </p><p>Enter any text to show as the button text. </p><p></p><p><strong>Link</strong> </p><p>Enter any link to redirect the button. </p><p></p><p><strong>Size</strong> </p><p>Select from regular, small, medium or large to decide the button size.</p></td></tr></tbody></table>

