Slider Settings

Slider Settings

(1) AutoPlay: You can either turn on or off the autoplay feature for the carousel. You can also just hide the autoplay on mobile only.

(2) AutoPlay Speed: Set the speed value for the autoplay. The default value is 3000ms.

(3) Pagination Speed: Set pagination speed in a millisecond. The Default value 600ms.

(4) Pause on Hover: Turn on or off this option. If you turn on this option, it will stop the carousel from playing once users hover on the carousel. By default, this option is turned on.

(5) Infinite Loop: Infinite loop allows you to navigate the carousel items continuously without moving backward at the end of carousel items. You can turn on or off this feature. By default, this option is turned on.

(6) Direction: Select slider direction to slide. The following directions are available to set-

  • RTL ( slide from right to left )
  • LTR ( slider from left to right )

(7) Navigation: Show or hide the slider navigation. You can hide the slider navigation only on a mobile. If you show the slider navigation, you will get some extra options.

(8) Navigation Color: You can style the carousel navigation with the following available style options-

  • Color
  • Hover Color
  • Background
  • Hover Background

(9) Navigation Border: Set navigation border. You can also style the border with border width, border color, border hover color, and different border styles. The following border styles are available to set- 

  • Solid
  • Dashed
  • Dotted
  • Double
  • Inset
  • Outset
  • Groove
  • Ridge
  • None

(10) Pagination: Either Show or hide the slider pagination. You can hide the slider navigation only on a mobile. If you show the slider pagination, you will get some extra options.

(11) Pagination Color: Set the pagination color. The following color options are available for pagination- 

  • Color
  • Active Color

(12) Adaptive Carousel Height: Enable this option to dynamically adjust post carousel height based on each slide’s height.

(13) Touch Swipe: Either turn On or Off touch-swipe mode.

(14) Mouse Draggable: Turn On or Off mouse draggable mode. If you turn on it, it allows you to navigate the slider items with dragging. 

(15) Swipe to Slide: Either turn On or Off the swipe to slide option.