Carousel Shortcodes

Slide Images

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

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

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

[/get_the_code]

[/toggle]

[divider]

Slide Any Content

[one_third]

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

[/one_third]

[two_third_last]

[carousel coin_nav=”standard” direction_nav=”none”]

[carousel_item]

[/carousel_item]

[carousel_item]

Slide #2

[/carousel_item]

[carousel_item]

Sample Text Slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/carousel_item]

[/carousel]

[/two_third_last]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

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

[carousel_item]

[/carousel_item]

[carousel_item]

Slide #2

[/carousel_item]

[carousel_item]

Sample Text Slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/carousel_item]

[/carousel]

[/get_the_code]

[/toggle]

[divider]

Customize Your Carousel

[list type=”icon” icon=”hand-right”]

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

[/list]

[divider]

[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

[carousel] Shortcode documentation

[carousel doc=”true”]

[divider]

[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

[carousel_item] Shortcode documentation

[carousel_item doc=”true”]