Shortcodes are small texts wrapped in "[" and "]" that are converted by WordPress.
This theme has a built in button in your editor for you to easily add shortcodes.
Using this button you will open a configuration screen and easily generate shortcodes and build pages right away.
Posts carousel
Example that shows Posts and testimonials but only Image,Gallery,video formats.
If you want to display all post formats: post_formats="all"
COPY CODE
<div class="kleo-carousel-container ">
<div class="kleo-carousel-items kleo-carousel-post" data-min-items="3"
data-max-items="6">
<ul class="kleo-carousel">
<li id="post-94865" class="post-item col-sm-4 post-94865 post type-post status-publish format-video hentry category-buddyapp post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/tAhEgg1Kyxk?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/buddyapp/buddyapp-quick-install-and-setup.html">BuddyApp – Quick install and setup</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials/buddyapp" rel="category tag">BuddyApp</a></small> </span>
<hr>
<div class="entry-summary">
<p>This video tutorial shows you how to install and setup BuddyApp theme for WordPress.</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
<li id="post-79856" class="post-item col-sm-4 post-79856 post type-post status-publish format-video hentry category-kleo-video-tutorials category-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/Jfw_30XgOg4?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/import-and-configure-the-kleo-get-connected-demo-page.html">Import and configure the Kleo – Get Connected demo page</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials/kleo-video-tutorials" rel="category tag">Kleo</a>, <a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a></small> </span>
</div><!--end post-info-->
</article>
</li>
<li id="post-71358" class="post-item col-sm-4 post-71358 post type-post status-publish format-video hentry category-video-tutorials category-kleo-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/xqcy00YLZck?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/setup-buddypress-member-types-on-kleo-theme.html">Setup BuddyPress Member Types on KLEO theme</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a>, <a href="https://archived.seventhqueen.com/./video-tutorials/kleo-video-tutorials" rel="category tag">Kleo</a></small> </span>
<hr>
<div class="entry-summary">
<p>Learn to: - Define BuddyPress members types - Add it to the registration page and match it with an...</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
<li id="post-66240" class="post-item col-sm-4 post-66240 post type-post status-publish format-video hentry category-video-tutorials category-kleo-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/fLucfNjInuQ?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/kleo-3-0-new-features-presentation.html">KLEO 3.0 – New features presentation</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a>, <a href="https://archived.seventhqueen.com/./video-tutorials/kleo-video-tutorials" rel="category tag">Kleo</a></small> </span>
<hr>
<div class="entry-summary">
<p>Watch some of our new features added to KLEO theme and go trough the demos presented by our colleague...</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
<li id="post-63090" class="post-item col-sm-4 post-63090 post type-post status-publish format-video hentry category-video-tutorials category-sweetdate-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/mQEn3xHdsRI?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/sweetdate-configure-profile-matching.html">SweetDate Configure Profile Matching</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a>, <a href="https://archived.seventhqueen.com/./video-tutorials/sweetdate-video-tutorials" rel="category tag">SweetDate</a></small> </span>
<hr>
<div class="entry-summary">
<p>This tutorial shows you how to configure Matching Algorithm for SweetDate theme.</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
<li id="post-15932" class="post-item col-sm-4 post-15932 post type-post status-publish format-video hentry category-kleo-video-tutorials category-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/wa6Rn5GSGXI?feature=oembed&wmode=opaque&showinfo=0" style="border: none" gesture="media" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/kleo-quick-install-and-setup.html">KLEO – Quick Install and Setup</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials/kleo-video-tutorials" rel="category tag">Kleo</a>, <a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a></small> </span>
<hr>
<div class="entry-summary">
<p>Quick install and setup Video tutorial for Kleo WordPress Theme. While on full-screen make sure to click the 720p...</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
<li id="post-2946" class="post-item col-sm-4 post-2946 post type-post status-publish format-video hentry category-video-tutorials category-sweetdate-video-tutorials post_format-post-format-video">
<article>
<div class="kleo-video-embed"><iframe width="1200" height="675" src="https://www.youtube.com/embed/LCrhEfApQI8?feature=oembed&wmode=opaque&showinfo=0" style="border: none" allowfullscreen></iframe></div>
<div class="entry-content">
<h4 class="post-title entry-title"><a href="https://archived.seventhqueen.com/video-tutorials/sweetdate-install-and-setup.html">Sweetdate Install and Setup</a></h4>
<span class="post-meta hidden hide">
<small class="meta-category"><a href="https://archived.seventhqueen.com/./video-tutorials" rel="category tag">Video Tutorials</a>, <a href="https://archived.seventhqueen.com/./video-tutorials/sweetdate-video-tutorials" rel="category tag">SweetDate</a></small> </span>
<hr>
<div class="entry-summary">
<p>Video tutorial for initial install and setup for Sweetdate WordPress Theme</p> </div><!-- .entry-summary -->
</div><!--end post-info-->
</article>
</li>
</ul>
</div>
<div class="carousel-arrow">
<a class="carousel-prev" href="#"><i class="icon-angle-left"></i></a>
<a class="carousel-next" href="#"><i class="icon-angle-right"></i></a>
</div>
<div class="kleo-carousel-post-pager carousel-pager"></div>
</div><!--end carousel-container-->
