ProSections Slider

Sections Slider element will display any page builder section and it's contents as a responsive slider.

Sections Slider element will display any page builder section and it's contents as a responsive slider. Element popup contains following options;

Defaults tab

  1. Sorting title  -  Used only in builder for easy sorting.
  2. 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.
  3. Slider box style  -  Adjust .thz-section-slider-holder box style.
  4. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Navigations tab

  1. Navigation metrics  -  Adjust slider navigation colors and position. Custom Position expects position absolute CSS values. Examples;

    1. Dots vertical right 60px  -  set the navigations orientation to Vertical and in positions inputs enter; 50% 60px auto auto
    2. Dots horizontal bottom 60px;  -  set the navigations orientation to Horizontal and in positions inputs enter; auto 0px 60px 0px
  2. Arrows metrics  -  Adjust slider navigation arrows colors, shape and size.

Effects tab

  1. 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.
  2. Animation  -  Add animation. This option adds animation effect to the HTML container.
  3. Content parallax  -  Add content parallax effect. This option adds a parallax effect to the HTML container content
  4. Scroll fade  -  This option adds fade effect on scroll to the HTML container or the container content.