Laptop Slider

Create and display a Laptop Slider element

Options#

Option nameDescription

Enable fullscreen? Do you want to display the static content as fullscreen?
Slider Title Here you can enter a main title that will appear above the slider.
Slider Display Select how to display the slider.
Main title This title will appear on the left side.
Main Description This description will appear on the left side.
Primary Button Here you can add data for the primary button. In case the general slider style is ‘Just Laptop’, this link will be used to add a link to the title of the slide.
Secondary Button Here you can add data for the secondary button.
Enable bullets? Enable bullets for the slides?
Enable Control Arrows? Enable next & prev arrows?
Transition Timeout Enter a numeric value automatic timeout between slides (default: 5000)
Text Theme Colors Select the color theming. Perhaps you want a light background with dark text or viceversa.
Slides Here you can create your Laptop Slider Slides.
Element Background Style Select the background style you want to use for this slider. Please note that styles can be created from the unlimited headers options in the theme admin’s page.
Background Source Type Please select the source type of the background.
Background image Please choose a background image for this section.
Slide Video Youtube ID Add an Youtube ID
Mp4 video source Add the MP4 video source for your local video
Ogg/Ogv video source Add the OGG video source for your local video
Webm video source Add the WEBM video source for your local video
Video poster Using this option you can add your desired video poster that will be shown on unsuported devices.
Autoplay video? Enable autoplay for video?
Loop video? Enable looping the video?
Start mute? Start the video with muted audio?
Video controls Enable video controls?
Video controls position Video controls position in the slide
Background colored overlay Add slide color overlay over the image or video to darken or enlight?
Overlay background color Pick a color
Overlay’s opacity. Overlay background colors opacity level.
Overlay Gradient 2nd Bg. Color Pick a color
Gradient Overlay’s 2nd Opacity. Overlay gradient 2nd background color opacity level.
Add bottom mask? Add a bottom mask?

Example#

element

 

Video Explainer:#