Caption Slider Manage Captions
KB14444
A slide will contain multiple captions or layers containing content which will overlay the slides background image. A caption can be either Text/HTML, Video or an image.
There is no limit to the amount of captions for one slide but normally 3 - 7 captions would be sufficient per each slide.
Captions can be positioned relative to the canvas using the auto positioning selection. The position can be further optimised by using the x and y offsets. For example we can left adjust a layer then move it slightly to the right by 50px by applying a x-offset of 50.
Image and video captions can be set to fill the entire slide area.
Custom CSS can be added to any layer such as adding opacity:0.4; will give us a transaparent layer of 40%.
Depending on the caption entered different editing options are presented.
Captions can be driven dynamically from data already present in your site.
Tip
Quickly edit captions and preview on the live site by using the Full Screen Mode and toggling between the edit caption screen and live site using the Preview Button. The selected caption will be positioned to the first order to quickly preview the caption you are working on.
For image captions make sure to resize the image to the correct dimensions before uploading as the image is not automatically resize. The image is taken as source. Image uploads can optionally be set to fullscreen.
Video Captions
A layer can be a video caption. There are various options for the video source.
Direct file using HTML5. Typically a file .mp4 will be uploaded using the browse function we select this file and save.
Alternatively we can add content from YouTube or Vimeo simply copy the share link and the relevant embed code will be automatically created. The embed code can also be copied direct. Video captions have the option to set full screen.
Tip Using Video as a background to Slides:
To give the video a slight hue or to use the video as an animated background.
Add another image slide and set to fill full screen. In the CSS box add opacity:0.4; this will give an image layer some transparency so that we can see the video underneath the layer.
Updated on: 03/05/2020 16:35:49
