# Split slideshow

<table><thead><tr><th width="257"></th><th></th></tr></thead><tbody><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>Desktop height</td><td><p>Choose desktop height options from the following options:</p><ul><li>550px</li><li>650px</li><li>750px</li><li>Full screen</li></ul></td></tr><tr><td>Mobile height</td><td><p>Choose mobile height options from the following options:</p><ul><li>450px</li><li>550px</li><li>650px</li><li>Full screen</li></ul></td></tr><tr><td>Auto-rotate slides</td><td>Tick this checkbox to auto rotate the slides.</td></tr><tr><td>Change slides every</td><td>Adjust this range bar to decide the auto-rotation delay time of the slides.</td></tr><tr><td>Slide animation</td><td><p>Choose the animation styles from the following options: </p><p>-Slide </p><p>-Fade</p></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>

**Block settings:**\
**Left slide** block adds slide to the left side of the slideshow and **Right slide** adds slide to the right sided slideshow.

<table><thead><tr><th width="262"></th><th></th></tr></thead><tbody><tr><td>Desktop image</td><td>Select the image for desktop view.</td></tr><tr><td>Mobile image</td><td>Select the image for mobile view.</td></tr><tr><td>Background video</td><td>Select the video from store library.</td></tr><tr><td>Overlay opacity</td><td>Adjust the range bar to determine the background overlay opacity.</td></tr><tr><td>Content</td><td><p><strong>Desktop width</strong><br>Choose the width from small, medium or large.<br><br><strong>Desktop position</strong><br>Choose the position from left, center or right side.<br><br><strong>Desktop alignment</strong><br>Choose the alignment from left, center or right.<br><br><strong>Mobile position</strong><br>Choose the position from left, center or right side for mobile view.<br><br><strong>Mobile alignment</strong><br>Choose the alignment from left, center or right for mobile view.<br><br><strong>Subheading</strong> </p><p>Enter any text to appear as a sub title. </p><p></p><p><strong>Heading</strong> </p><p>Enter any text to appear as a title. </p><p><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></p><p><strong>Heading size</strong> </p><p>Choose from H1-H6 to decide the heading size. </p><p></p><p><strong>Heading tag</strong> </p><p>Choose from H1-H6 to assign the heading tag for SEO purposes. </p><p></p><p><strong>Description</strong> </p><p>Enter any text to appear as description.</p></td></tr><tr><td>Button</td><td><p><strong>Text</strong> </p><p>Enter the button text. </p><p></p><p><strong>Link</strong> </p><p>Enter the button link. </p><p></p><p><strong>Style</strong> <br>Choose the button style from the following options: </p><p>-Solid </p><p>-Outline </p><p>-Link </p><p></p><p><strong>Size</strong> </p><p>Choose the button size from the following options: <br>-Regular</p><p>-Small </p><p>-Medium </p><p>-Large</p></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>