Carousel Shortcodes

Slide Images

    Get The Code

    [carousel coin_nav="standard" direction_nav="standard" progress_bar="standard"]

    [carousel_item]

    Slide #1

    [/carousel_item]

    [carousel_item]

    Slide #2

    [/carousel_item]

    [carousel_item]

    Slide #3

    [/carousel_item]

    [/carousel]

    Slide Any Content

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

      Get The Code

      [carousel coin_nav="none" direction_nav="standard" progress_bar="none"]

      [carousel_item]

      [fluid_wrapper width="636" height="212"][/fluid_wrapper]

      [/carousel_item]

      [carousel_item]

      Slide #2

      [/carousel_item]

      [carousel_item]

      Sample Text Slide

      Lorem ipsum dolor sit amet, consectetur adipiscing elit.

      [/carousel_item]

      [/carousel]

      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
      • timeout
        The time carousel will pause between transitions (in miliseconds).

      [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)