# Text with icon

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Section visibility</td><td>Select from the options to select the visibility of this section: <br>-Always <br>-Small devices only(On selecting this, the section will be visible on mobile devices only.) <br>-Large devices only</td></tr><tr><td>Make top corners rounded</td><td>Select this checkbox to show the top corners rounded of the section.</td></tr><tr><td>Heading</td><td>Add heading text.<br><em>(Note: To highlight the text with a different color, simply wrap it in bold.)</em></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>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><strong>Desktop column count</strong><br>Adjust the range bar to determine the columns count on desktop.<br><br><strong>Enable background</strong><br>Select this checkbox to enable the column background.<br><br><strong>Mobile column count</strong><br>Choose from one or two to determine the columns count on mobile.<br><br><strong>Enable swipe on mobile</strong><br>Tick this checkbox to enable the swipe on mobile.<br><br><strong>Content alignment</strong><br>Choose from left, center or right to determine the content alignment.</td></tr><tr><td>Icon</td><td><strong>Position</strong><br>Choose from left or top to determine the icon position.<br><br><strong>Size</strong><br>Choose from small, medium or large to determine the icon size.<br><br><strong>Show background</strong><br>Tick this checkbox to show the icon background color.</td></tr><tr><td>COLOR</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><br><br><strong>Section background</strong><br>Choose any color for the section background color. It works with the rounded corners only.<br><br><strong>Heading highlight</strong><br>Choose any color for the highlighted heading color.</p></td></tr><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.<br></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.<br></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.<br></p><p><strong>Bottom spacing (mobile)</strong> Adjust the range bar to add spacing at the bottom of the section for mobile view.</p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="282"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Icon</td><td>Choose any icon from the list.</td><td></td></tr><tr><td>SVG code</td><td>Add SVG code for the icon.</td><td></td></tr><tr><td>Heading</td><td>Add heading text.<br><em>(Note: To highlight the text with a different color, simply wrap it in bold.)</em></td><td></td></tr><tr><td>Heading size</td><td>Select the heading size from the H1-H6 options.</td><td></td></tr><tr><td>Heading tag</td><td>Choose the heading tag from H1-H6 for SEO purposes.</td><td></td></tr><tr><td>Description</td><td>Add any text to appear as the description.</td><td></td></tr><tr><td><h4>Color</h4></td><td><strong>Icon background</strong><br>Choose any color for the icon's background.<br><br><strong>Heading highlight</strong><br>Choose any color for the highlighted heading color.</td><td></td></tr></tbody></table>