# Before/after image

<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 the heading text.</td></tr><tr><td>Heading size</td><td>Choose 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 left or center to decide the text alignment.</td></tr><tr><td>Before</td><td><p><strong>Image</strong> </p><p>Choose any image to appear as the first image. </p><p></p><p><strong>Text</strong> </p><p>Enter text to display as a title above the before image. </p><p></p><p><strong>Text alignment</strong> </p><p>Choose from top, center or bottom to decide the text alignment.</p></td></tr><tr><td>After</td><td><p><strong>Image</strong> </p><p>Choose any image to appear as the second image. </p><p></p><p><strong>Text</strong> </p><p>Enter text to display as a title above the after image. </p><p></p><p><strong>Text alignment</strong> </p><p>Choose from top, center or bottom to decide the text alignment.</p></td></tr><tr><td>Drag</td><td><strong>Position</strong> <br>Adjust the range bar to determine the default position of the drag bar.</td></tr><tr><td>Colors</td><td><p><strong>Color scheme</strong> <br>Choose the color scheme.</p><p><em>These can be managed from Theme settings> Color >Schemes.</em></p></td></tr></tbody></table>