How to place the Sliders Side by Side as in the Demo

Posted By on |


If you are using Shortcodes

You can also embed multiple sliders on single page using listic slider and place them side by side. On the Edit Post/Page panel, go to the HTML editor and enter the HTML along with the shortcodes as follows.

<div style="float: left; margin-right: 10px;">[ listicslider id="1" set="1" ]</div>
<div style="float: left; margin-right: 10px;">[ listicslider id="2" set="2" ]</div>
[ listicslider id="3" set="3" ]

Replace the Shortcodes with your own required Shortcodes and remove the space after opening [ (i.e square bracket) and closing ] in the shortcodes. I have added that as I cannot embed the shortcode directly on this post as it will embed the slider itself.

If you are using Template Tags

You can embed the template tags as follows:-

<div style="float: left; margin-right: 10px;"><?php if ( function_exists( 'get_listic_slider' ) ) {   get_listic_slider($slider_id='1',$set='1'); } ?></div>
<div style="float: left; margin-right: 10px;"><?php if ( function_exists( 'get_listic_slider' ) ) {   get_listic_slider($slider_id='2',$set='2'); } ?></div>
<?php if ( function_exists( 'get_listic_slider' ) ) {   get_listic_slider($slider_id='3',$set='3'); } ?>

Please refer http://slidervilla.com/blog/2011/09/add-template-tag-wordpress-theme-file/ for a short tutorial on how to embed the slider in the theme template files using the Slider Template Tag.

Please use the support forum in case of any queries or write us using the contact form.

Need Custom WordPress Slider Developed or Looking for Changes in SliderVilla Sliders? Contact us