# 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><li>Auto adapt to first slide</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><li>Auto adapt to first slide</li></ul></td></tr><tr><td>Enable sticky</td><td>Tick this checkbox to make the section sticky.</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>Navigation type</td><td><p>Choose the pagination style from the following options:</p><p>-Arrows </p><p>-Dots</p></td></tr><tr><td>Marquee</td><td><p><strong>Enable marquee text</strong> </p><p>Tick this checkbox to enable the marquee text on the slideshow. </p><p></p><p><strong>Marquee type</strong> </p><p>Choose the marquee type from the following options: </p><p>- On scroll (With this, the marquee text rotates on the page scroll only.) </p><p>- Always (With this, the marquee text keeps on rotating always irrespective of the page scroll.) </p><p>- Both </p><p></p><p><strong>Direction</strong> </p><p>Choose the marquee direction from the following options: </p><p>- Left to right </p><p>- Right to left </p><p></p><p><strong>Text</strong> </p><p>Enter text to appear in the marquee text. <em>(Note: The bold text in the editor will be outlined in the marquee text.)</em> </p><p></p><p><strong>Desktop scrolling speed</strong> </p><p>Adjust the range bar to decide the scrolling speed on desktop.</p><p> </p><p><strong>Mobile scrolling speed</strong> </p><p>Adjust the range bar to decide the scrolling speed on mobile. </p><p></p><p><strong>Outline thickness</strong></p><p>Adjust the range bar to decide the outline thickness. </p><p></p><p><strong>Desktop font size</strong> </p><p>Adjust the range bar to decide the font size of marquee text on desktop. </p><p></p><p><strong>Mobile font size</strong> </p><p>Adjust the range bar to decide the font size of marquee text on mobile. </p><p></p><p><strong>Desktop items gap</strong> </p><p>Adjust the range bar to decide the scrolling speed on desktop.</p><p> </p><p><strong>Mobile items gap</strong> </p><p>Adjust the range bar to decide the scrolling speed on desktop.</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:**

<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 any video. This video has more priority than the image.</td></tr><tr><td>Text</td><td><p><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></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><em>(Note: If both button's (primary and secondary) text are blank, the link will be applied to the whole image, with priority given to the primary button's link.)</em> </p><p></p><p>Primary &#x26; secondary </p><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>Content</td><td><p><strong>Desktop width</strong> </p><p>Choose from small, medium or large to decide the desktop content width. </p><p></p><p><strong>Desktop position</strong> </p><p>Choose the content position on desktop from the various options. </p><p></p><p><strong>Desktop alignment</strong> </p><p>Select from left, center or right to determine the content alignment on the desktop. </p><p></p><p><strong>Mobile position</strong> </p><p>Choose the content position on mobile from the various options. </p><p></p><p><strong>Mobile alignment</strong> </p><p>Select from left, center or right to determine the content alignment on the mobile.</p></td></tr><tr><td>Colors</td><td><p><strong>Color scheme</strong><br>Select any color scheme defined in the Theme settings>Colors schemes. <br><br><strong>Overlay opacity</strong></p><p>Adjust the range bar to determine the background overlay opacity.</p></td></tr></tbody></table>