Sections Slider element will display any page builder section and it's contents as a responsive slider. Element popup contains following options;
Defaults tab
- Sorting title - Used only in builder for easy sorting.
- Slider settings - Adjust section slider settings. Speed: Slide animation speed Auto slide: If set to Yes, slider will start on page load. Auto time: Time till next slide transition Infinite: If set to Yes, slides will loop infinitely. Fade: If yes slides will fade in/out instead of sliding.
- Slider box style - Adjust .thz-section-slider-holder box style.
- Container metrics - Add custom class or ID to HTML container and adjust visibility on specific devices.
Navigations tab
-
Navigation metrics - Adjust slider navigation colors and position. Custom Position expects position absolute CSS values. Examples;
- Dots vertical right 60px - set the navigations orientation to Vertical and in positions inputs enter; 50% 60px auto auto
- Dots horizontal bottom 60px; - set the navigations orientation to Horizontal and in positions inputs enter; auto 0px 60px 0px
-
Arrows metrics - Adjust slider navigation arrows colors, shape and size.
Effects tab
- Background layers - Create background layer. Add parallax, infinity or basic background layer. This option adds additional background layer to the HTML container. Note that z-index is assigned per layer position in the order. The layer on top has the highest z-index.
- Animation - Add animation. This option adds animation effect to the HTML container.
- Content parallax - Add content parallax effect. This option adds a parallax effect to the HTML container content
- Scroll fade - This option adds fade effect on scroll to the HTML container or the container content.