Slider Revolution Slider allows for advanced slideshows & animation. You can invoke it using data-toggle="slider-rev" on the slider element.

Styling

AppStrap applies its own styling to Slider Revolution elements via the .slider-appstrap-theme class which is add via the following line on Slider Revolution pages:

<div class="slider-wrapper tp-banner-container" data-page-class="slider-appstrap-theme">

To remove AppStrap styling and use default Slider Revolution styles simply remove the data-page-class="slider-appstrap-theme" attribute.

Options

All Slider Revolution options can be passed to the slider via HTML5 data-settings='{}' attribute placed on the slider element (data-toggle="slider-rev"). Example:

<div class="rev_slider fullscreenbanner" data-toggle="slider-rev" data-settings='{"startwidth":1100, "startheight":520, "delay":10000}'>

See the /theme/plugins/slider-revolution/ directory for examples & documentation or visit http://themes.themepunch.com/?theme=revolution_jq.