Slideshow
Slideshows are useful for presenting multiple images and videos within one space along with associated headings, descriptions and buttons.
Main settings
Slideshow type | The Slideshow has two main type options:
Depending which type of slideshow you require will dictate how you build and edit the slideshow. If you choose ‘Multi message’, any heading, text or buttons set within the main section settings will be ignored. |
Slideshow height | Choose from ‘Full screen’ (section will re-size to the screen height), large, medium or small. |
Media scale | By default, images and videos will cover the width of the section for a 'full bleed' look. Alternatively, you can select 'Contain' to scale the images to fit within the height of the section. |
Animation settings | Here you can set the transition type (fade or slide), transition speed, arrows on/off, autoplay on/off. |
Text | If using ‘Single message’ slideshow type, input your required heading, text and buttons. |
Buttons | You can add text and links for up to two buttons, and set the button style (solid, outline or link). |
Color scheme | Choose the foreground and background color scheme, as well as the button color scheme. |
Overlay darkness | Applies a dark overlay over the image/s to improve contrast against text, if required. You can set the darkness from 0-50%. |
Add a slide
By default the slideshow has 3 blank image slides inserted. To add a slide, click the “Add slide” button. Select either a video slide or an image slide.
Edit a slide
To edit a slide, click into it within the sidebar menu. You can then add an image or video, heading, text and button. All content is optional - if you simple want an image slideshow with no text just leave the text fields blank.
Remove a slide
To remove any slide, hover over it in the sidebar menu and click the delete icon. You can also hide slides which removes the slide from the live website but keeps it within the editor (useful if you want to keep the slide content for possible future use)
Re-order image slides
To re-order slides, click and drag them within the sidebar menu.
Image slide settings
Within each image slide, you can set up and edit the slide image, animation effects and content.
Image | Choose your image from your file library. |
Mobile image | Adding a mobile-specific image can allow you to choose a file that’s optimized for mobile, in terms of aspect ratio and crop. |
Animation effect | Choose from a range of animation effects to add movement to the image, if wanted. |
Content | Add a heading, caption and sub heading, or leave blank if not required. |
Button | Add a button and choose the style of the button. |
Video slide settings
Within each video slide, you can set up and edit the slide content including the video, optional mobile video, back-up image and a headline, text or button.
Video | Choose the video file from your file library. |
Mobile video (optional) | Adding a mobile-specific video can allow you to choose a file that’s optimized for mobile, in terms of aspect ratio and file size. |
Video image | It is recommended to upload a back-up image for the video. |
Content | Add a heading, caption and sub heading, or leave blank if not required. |
Button | Add a button and choose the style of the button. |