Table of Contents
The appearance of the slideshow #
| Settings | Description |
| Slide height | Adapt to first image: Uses the aspect ratio of the slider’s first image the other images are cropped. Small: This is the smallest height of the slider. Desktop height: 500px, Mobile height: 280px Medium: This is the medium height of the slider. Desktop height: 650px, Mobile height: 340px Large: This is the maximum height of the slider. Desktop height: 890px, Mobile height: 390px |
| Auto-rotate slides | A slide show can be set to play automatically. |
| Change slides every | Determine how frequently to update slides. Minimum 1s and maximum 10s |
| Show pagination | You can hide/show slider pagination bullet points. The bullet point will help you to present the specific slide. |
| Pagination style | Dots (default): If you select it, the pagination will be displayed as a bullet button. You can go to the next/prev slide by clicking the bullet points. Counter: If you select it, it will display the slider’s current slide position number and total slide count. e.g: 1/3 Numbers: If you select it, it will display the slider position/index number. You can go to the specific slide using the number pagination buttons. e.g: 1 2 3 |
| Pagination color | Dark (default): it will show you as a paginated black color. Light: it will show you as a paginated white color. |
| Show navigation | You can hide/show slider navigation next/prev arrow button. You can go to the next/prev slide by clicking the next/prev buttons. |
| Hover background color | This is the navigation button hover background color. |
| Hover text color | This is the navigation button text hover color, |
Mobile settings #
| Settings | Description |
| Show content below images on mobile | You can show slider content below the image for the mobile device. |
| Show pagination | You can hide/show slider pagination bullet points for the mobile device. |
| Pagination color | Dark (default): it will show you as a paginated black color. Light: it will show you as a paginated white color. |
| Show navigation | You can hide/show slider navigation next/prev arrow button for the mobile device. |
Slide block settings #
| Settings | Description |
| Desktop image | This is the setting for your slide image. The recommended size is 1920 x 900px |
| Heading | RichText: You can add a slide title using the RichText editor. Learn more about this |
| Heading size | Large: This is the large text size of the section heading. Desktop size: 96px, Mobile Size: 30px Medium: This is the medium text size of the section heading. Desktop size: 70px, Mobile Size: 28px Small: This is the medium text size of the section heading. Desktop size: 50px, Mobile Size: 25px |
| Subheading | You can add subheadings for a single slide using the RichText editor. Learn more about this. |
| Button label | This is a button for a single slide. Leave the label blank to hide the button. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style |
| Button size | You can change the button size follow the options, (Large, medium, small) |
| Image overlay opacity | You can add an overlay on the image from 0 to 100%. |
| Desktop content position | You can change position follow the options, – Top left – Top center – Top right – Middle left – Middle center – Middle right – Bottom left – Bottom center – Bottom right NOTE: Position is automatically optimized for mobile. |
| Content alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Text color | You can change text color of the slide. |
| Mobile image | This is the setting for your slide image on mobile. The recommended size is 600 x 480px |
| Mobile content alignment | You can change the content alignment only for mobile, Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
Section padding settings #
| Settings | Description |
| Desktop: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Desktop: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Mobile: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile. |
| Mobile: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
