Owl Carousel

.owl-item {
margin-bottom: 15px;
}
.owl-item > div {
border: 1px solid #dcdcdc;
padding: 15px 10px;
text-align: center;
background: #f9f9f9;
}

Owl Carousel is a jQuery based plugin to make simple and responsive carousel sliders. For more information you may check Owl Carousel website

 

 

Shortcode:

[official_owl visible="3" navigation="true" pagination="true" autoPlay="5000"]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl_item]Owl-carousel content [/official_owl_item]
[official_owl]

 

Help

Attributes

  • id To have multiple Owl-carousel instances on one page you must use an unique “id” attribute for each shortcode. Default is “official-owl-carousel”
  • visible Number of items to be visible on each carousel slide
  • navigation Previous and Next buttons. “true” or “false”. Default is “true”
  • pagination Small circles shown on the bottom center of the carousel to facilitate scrolling. “true” or “false”. Default is “true”
  • autoplay Autoplay option. true or false. Additionally you may enter a custom time speed in milliseconds like “5000” for autoplay 5 seconds. Default is true

 

Suggestions

  • You may put other shortocdes inside each “official_owl_item” to built your owl carousel