Notice: wp_enqueue_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. This notice was triggered by the contentstudio-dashboard handle. Please see Debugging in WordPress for more information. (This message was added in version 3.3.0.) in /home/www/francisco/wp-includes/functions.php on line 5229

Notice: Trying to access array offset on value of type bool in /home/www/francisco/wp-content/plugins/Ebor-Framework-master/ebor_cpt.php on line 788
Elements – Sliders – Francisco Otto
Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64


Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Sliders

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →


Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Basic Slider Markup

Sliders in Stack use the premium Flickity plugin and work by housing an unordered list .slides inside a div with class .slider

There are a number of data attribute options to customise the behaviour of the slider:

  • data-arrows=“true || false“ – enable navigation arrows
  • data-paging=“true || false“ – enable navigation dots
  • data-autoplay=“true || false“ – enable auto-paging of the slider
  • data-timing=“NUM“ – millisecond value before slider scrolls

Adjust Slide Widths

You can adjust slide widths by using the Bootstrap grid column classes on the slide li elements.

Slider Effects

Easily modify the behaviour of the slider by adding the following classes to the .slider element.

  • .slider–ken-burns – adds subtle ‚Ken Burns’effect on slide image

Looking for styled sliders and carousels?

View Slider Sections

or try the admin demo ↗