> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/fame-documentations/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/fame-documentations/overview/split-slideshow.md).

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