# Split slideshow

### Configure split slideshow

Select the customize theme option. Click on the dropdown menu at the top of the page to select the **Home page** template.

From the side menu, select **Split slideshow.**

Click on the dropdown arrow beside the split slideshow.

Click on Add slide.

Customize this section as described in the following table:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Navigation style</td><td>Select the navigation style from <strong>Image</strong> or <strong>Count</strong>.</td></tr><tr><td>Auto-rotate slides</td><td>Select/deselect this checkbox to auto-rotate the slides.</td></tr><tr><td>Change slides every</td><td>Adjust this slider to select the rotational time in seconds.</td></tr><tr><td><p></p><p>Section visibility<br></p></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>Background color</td><td>Select any color for background.</td></tr><tr><td>FONT</td><td><p><strong>Heading font family</strong><br>Select the font family from the given options:</p><ol><li>Heading</li><li>Body<br>The fonts can be selected from <strong>Theme settings</strong>><strong>Typography</strong>.</li></ol><p><strong>Desktop font size</strong><br>Adjust the slider to set the desktop font size.<br><br><strong>Mobile font size</strong><br>Adjust the slider to set the mobile font size.</p></td></tr><tr><td>HEIGHT</td><td><p><strong>Desktop</strong> </p><p>Select the desktop size in pixels from the given options; </p><p>-650px </p><p>-750px </p><p>-900px  </p><p>-100 vh(It shows the slideshow in the device viewport.)</p><p> </p><p><strong>Mobile</strong> </p><p>Select the mobile size in pixels from the given options; </p><p>-650px </p><p>-750px </p><p>-900px <br>-100 vh(It shows the slideshow in the device viewport.)</p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="287"></th><th></th></tr></thead><tbody><tr><td>Slide</td><td><p><strong>Heading</strong> </p><p>-Add heading text. <br><br><strong>Heading tag</strong><br>Specify heading code types for SEO and search engines for crawling purposes.<br><br><strong>Enable highlight text</strong></p><p>-Select the checkbox to show the text in highlighted form. <br><em>(Note: Highlight text works on bold and italic text of the heading.)</em> <br> <br><strong>Outline stroke</strong> </p><p>Select outline stroke from the option; thin or thick.<br><br><strong>Description</strong> </p><p>Add description text. </p><p> </p></td></tr><tr><td>BUTTON</td><td><p><strong>Text</strong> <br>Add button’s text. </p><p> </p><p><strong>Link</strong> </p><p>In the link box, add a <strong>URL</strong> to the redirect button. On clicking the button, it will redirect visitors to the added page. <br><br><strong>Size</strong><br>Select the button size from:<br>- Extra small<br>- Small<br>- Medium<br>- Large</p></td></tr><tr><td>Content</td><td><strong>Desktop width</strong><br>Select from small, medium or large to determine the desktop content width.</td></tr><tr><td>IMAGES</td><td><p><strong>Image (desktop)</strong> </p><p>Add image to show in desktop view. </p><p> </p><p><strong>Image (mobile)</strong> </p><p>Add image to show in mobile view. <br><br><strong>Background video</strong><br>Add any video. It supports MP4 videos only.</p></td></tr><tr><td>DESKTOP COLORS</td><td><p><strong>Heading</strong>  </p><p>Select any color of heading text for desktop view.  </p><p> </p><p><strong>Highlight text</strong>  </p><p>Select any color of highlight text for the desktop. view.  </p><p></p><p><strong>Background</strong>   </p><p>Select any color of the background for desktop view. </p><p> </p><p><strong>Description</strong>  </p><p>Select any color of description for desktop view. </p><p> </p><p><strong>Button background</strong></p><p>Select any color for the button background.    </p><p> </p><p><strong>Button text</strong>   </p><p>Select any color for the button text.  </p><p> </p><p><strong>Button border</strong>  </p><p>Select any color for the button border.<br><br><strong>Button hover background</strong><br>Select any hover color for the button background.    <br><br><strong>Button hover text</strong><br>Select any hover color for the button text.  <br><br><strong>Button hover border</strong><br>Select any hover color for the button border.<br></p></td></tr><tr><td>MOBILE COLORS</td><td><p><strong>Heading</strong></p><p>Select any color of heading text for mobile view.   </p><p>  </p><p><strong>Highlight text</strong>     </p><p>Select any color of highlight text for mobile view.   </p><p></p><p><strong>Description</strong>  </p><p>Select any color of description for mobile view.  </p><p></p><p><strong>Button background</strong></p><p>Select any color for the button background.   </p><p></p><p><strong>Button text</strong></p><p>Select any color for the button text.     </p><p>  </p><p><strong>Button border</strong></p><p>Select any color for the button border.   </p></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/fame-documentations/overview/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.