# Slideshow

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Section visibility</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>Enable full width</td><td>Select this checkbox to show the section in full width.</td></tr><tr><td>Enable compact width (desktop)</td><td>Select this checkbox to show the section in compact width.<br><em>(Note: It will not work when 'Enable full width' is checked.)</em></td></tr><tr><td>Use blocks color</td><td>Select this checkbox to display the blocks colors in the background.</td></tr><tr><td>Desktop height</td><td>Choose desktop height options from the following options:<br>- 550px<br>- 650px<br>- 750px<br>- Fullscreen<br>- Auto-adapt to first slide</td></tr><tr><td>Mobile height</td><td>Choose mobile height options from the following options:<br>- 450px<br>- 550px<br>- 650px<br>- Fullscreen<br>- Auto-adapt to first slide</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>Choose the animation styles from the following options:<br>-Slide<br>-Fade</td></tr><tr><td>Navigation type</td><td>Choose the pagination style from the following options:<br>-Arrows<br>-Dots<br>-None</td></tr><tr><td>Marquee</td><td><p><strong>Enable marquee text</strong><br>Tick this checkbox to show the marquee text.<br><br><strong>Text</strong><br>Type any text to rotate.<br><em>Note: The bold text is outlined in the marquee text.</em><br><br><strong>Marquee type</strong><br>Choose the marquee type from the following options:<br>-<strong>On scroll:</strong> Using this, the marquee text rotates on the page scroll only.<br>-<strong>Always:</strong> Using this, the marquee text rotates always irrespective of the page scroll.<br>-<strong>Both:</strong> Using this, the marquee text keeps rotating automatically and rotates on page scroll as well.<br><br><strong>Direction</strong><br>Select the direction:</p><p>-Left to Right<br>-Right to left.<br><br><strong>Text color</strong><br>Choose any color for the text.<br><br><strong>Desktop scrolling speed</strong><br>Adjust the range bar to select the rotation speed on the desktop. <br><br><strong>Mobile scrolling speed</strong><br>Adjust the range bar to select the rotation speed on the mobile. <br><br><strong>Outline thickness</strong><br>Adjust the range bar to determine the thickness of the outlined text.<br><br><strong>Desktop font size</strong><br>Adjust the range bar to select the font size on the desktop.<br><br><strong>Mobile font size</strong><br>Adjust the range bar to select the font size on the mobile. <br><br><strong>Desktop items gap</strong><br>Adjust the range bar to determine the gap between the items on the desktop. <br><br><strong>Mobile items gap</strong><br>Adjust the range bar to determine the gap between the items on the mobile. </p></td></tr><tr><td><h4>Colors</h4></td><td><strong>Color scheme</strong><br>Select any color scheme defined in the Theme settings>Colors schemes.</td></tr><tr><td>Icon</td><td>Choose any color for the icon color.</td></tr><tr><td>Background</td><td>Choose any color for the icon's background color.</td></tr><tr><td>Border</td><td>Choose any color for the icon's border color.</td></tr><tr><td><h4>Section spacing</h4></td><td><p><strong>Top spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.<br></p><p><strong>Bottom spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view.<br></p><p><strong>Top spacing (mobile)</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view.<br></p><p><strong>Bottom spacing (mobile)</strong> <br>Adjust the range bar to add spacing at the bottom of the section for mobile view.</p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="285"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Desktop image </td><td>Select the image for desktop view.</td><td></td></tr><tr><td>Mobile image</td><td>Select the image for mobile view.</td><td></td></tr><tr><td>Background video</td><td>Select any video. This video has more priority than the image.<br></td><td></td></tr><tr><td>Text</td><td><strong>Subheading</strong><br>Enter any text to appear as a sub title.<br><br><strong>Heading</strong><br>Enter any text to appear as a title.<br><em>(Note: To highlight the text with a different color, simply wrap it in bold.)</em><br><br><strong>Enable highlight background</strong><br>Select this checkbox to show the background on the highlighted text.<br><br><strong>Heading size</strong><br>Choose from H1-H6 to decide the heading size.<br><br><strong>Heading tag</strong><br>Choose from H1-H6 to assign the heading tag for SEO purposes.<br><br><strong>Description</strong><br>Enter any text to appear as a description.</td><td></td></tr><tr><td>Button</td><td><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><br><br>Primary &#x26; secondary<br><strong>Text</strong><br>Enter the button text.<br><br><strong>Link</strong><br>Enter the button link.<br><br><strong>Style</strong><br>Choose the button style from the following options:<br>-Solid<br>-Outline<br>-Link<br><br><strong>Size</strong><br>Choose the button size from the following options:<br>-Small<br>-Medium<br>-Large<br>-Regular</td><td></td></tr><tr><td>Content</td><td><strong>Desktop width</strong><br>Choose from small, medium or large to decide the desktop content width.<br><br><strong>Desktop position</strong><br>Choose the content position on the desktop from the various options. <br><br><strong>Desktop alignment</strong><br>Select from left, center or right to determine the content alignment on the desktop.<br><br><strong>Mobile position</strong><br>Choose the content position on mobile from the various options. <br><br><strong>Mobile alignment</strong><br>Select from left, center or right to determine the content alignment on the mobile.<br><br><strong>Enable background</strong><br>Select this checkbox to show the content background.</td><td></td></tr><tr><td>Colors</td><td><p><strong>Heading highlight</strong><br>Choose any color for the highlighted heading text color.<br><br><strong>Highlight background</strong><br>Choose any color for the highlighted heading background color.<br><br><strong>Opacity</strong><br>Adjust the range bar to determine the highlight background color's opacity.<br><br><strong>Content background</strong><br>Select any color for the text content background.<br><br><strong>Opacity</strong><br>Adjust the range bar to determine the text content background opacity.<br></p><p><strong>Overlay background</strong><br>Select any color for overlay on the slideshow image.<br><br><strong>Opacity</strong><br>Adjust the range bar to determine the slideshow image overlay opacity.<br><br><strong>Desktop colors</strong><br><strong>Subheading</strong><br>Choose any color of subheading text for desktop view.<br><br><strong>Heading</strong><br>Choose any color of heading text for desktop view.<br><br><strong>Description</strong><br>Choose any color of description for desktop view.<br><br>Primary &#x26; secondary button <br><strong>Background</strong><br>Choose any color for the button background.<br><br><strong>Text</strong><br>Choose any color for the button text.<br><br><strong>Border</strong><br>Choose any color for the button border.<br><br><strong>Hover background</strong><br>Choose any hover color for the button background.<br><br><strong>Hover text</strong><br>Choose any hover color for the button text.<br><br><strong>Hover border</strong><br>Choose any hover color for the button border.<br><br><strong>Mobile colors</strong><br><strong>Subheading</strong><br>Choose any color of subheading text for mobile view.<br><br><strong>Heading</strong><br>Choose any color of heading text for mobile view.<br><br><strong>Description</strong><br>Choose any color of description for mobile view.<br><br>Primary &#x26; secondary button <br><strong>Background</strong><br>Choose any color for the button background.<br><br><strong>Text</strong><br>Choose any color for the button text.<br><br><strong>Border</strong><br>Choose any color for the button border.</p></td><td></td></tr></tbody></table>
