# Text with icons

<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>Heading</td><td>Type heading text.</td></tr><tr><td>Heading size</td><td>Choose from H1-H6 to determine the heading size.</td></tr><tr><td>Heading tag</td><td>Choose the heading tag from H1-H6 for SEO purposes.</td></tr><tr><td>Heading alignment</td><td>Choose from <strong>Left</strong> or <strong>Center</strong> to determine the heading alignment.</td></tr><tr><td>Column</td><td><p><strong>Desktop column count</strong> </p><p>Adjust the range bar to determine the columns count on desktop. </p><p></p><p><strong>Mobile column count</strong> </p><p>Choose from one or two to determine the columns count on mobile. </p><p></p><p><strong>Enable swipe on mobile</strong> </p><p>Tick this checkbox to enable the swipe on mobile. </p><p></p><p><strong>Content alignment</strong> </p><p>Choose from left, center or right to determine the content alignment.</p></td></tr><tr><td>Icon</td><td><p><strong>Position</strong> </p><p>Choose from left or top to determine the icon position. </p><p></p><p><strong>Size</strong> </p><p>Choose from small, medium or large to determine the icon size. </p><p><br><strong>Show animated icon on hover</strong><br>Tick this checkbox to show the animated icon on hover.<br></p><p><strong>Show background</strong> </p><p>Tick this checkbox to show the icon background color.</p></td></tr><tr><td>Colors</td><td><p><strong>Color scheme</strong><br>Select the color scheme.</p><p><em>Note: These can be managed from Theme settings> Color schemes.</em></p></td></tr></tbody></table>

## **Block settings:**

<table><thead><tr><th width="262"></th><th></th></tr></thead><tbody><tr><td>Icon</td><td>Choose any icon from the list. </td></tr><tr><td>Image</td><td>Add image for the icon.</td></tr><tr><td>Heading</td><td>Add any text to appear as the heading.</td></tr><tr><td>Heading size</td><td>Select the heading size from the H1-H6 options.</td></tr><tr><td>Heading tag</td><td>Choose the heading tag from H1-H6 for SEO purposes.</td></tr><tr><td>Description</td><td>Add any text to appear as the description.</td></tr><tr><td>Icon background</td><td>Choose any color for the icon's background.</td></tr><tr><td>Icon color</td><td>Choose any color for the icon.</td></tr></tbody></table>