# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shinedezign.gitbook.io/master-theme-documentation/split-slideshow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.