Slide Images

  • Slide #1

  • Slide #2

  • Slide #3

  1. 1
  2. 2
  3. 3
Get The Code

Slide Any Content

  • The carousel can be used as a part of any columns layout. It will properly adjust to the surrounding content.

    • Slide #2

    • Sample Text Slide

      Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    1. 1
    2. 2
    3. 3
Get The Code

Customize Your Carousel

  • Show/Hide Coin Navigation
  • Show/Hide Direction Navigation (Next/Prev)
  • Show/Hide Progress Bar

[carousel] Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • coin_nav
    Enable Coin Navigation
    Available Options:
    • none - hide
    • standard - show
  • direction_nav
    Enable Next/Prev Navigation
    Available Options:
    • none - hide
    • standard - show
  • autoplay
    Available Options:
    • standard - yes
    • none - no

[carousel_item] Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)