Simple Slider
Display a Simple Slider (formerly known as Flex Slider).
Options#
Option nameDescription
| Slider height (px) | Add a height for the slider. Empty means automatic height. |
| Slider style | Select a style for the slider. |
| Slider Transition | Select the desired transition that you want to use for this slider. |
| Slider Speed | Adjust the speed between sliding timeout. |
| Autoplay carousel? | Does the carousel autoplay itself? |
| Slider Navigation | Display arrows? |
| Slider Bullets | Display navigation bullets?. |
| Show Thumbnails? | Select if yes if you want to display thumbnails of images on the right side of the slider. Will replace bullets. |
| Shadow style | Select the desired shadow that you want to use for this slider. |
| Slides | Here you can create your Flex 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. |
| Bottom masks override | The new masks are svg based, vectorial and color adapted. Disclaimer: may now work perfectly for all elements! |
Example#
