Mrb. arkadaşlar huge it slider kurdum siteye

350*350 boyutlarında 3 tane slider ekledim.

Kodları
<?php echo do_shortcode("[huge_it_slider id='2']"); ?>
<?php echo do_shortcode("[huge_it_slider id='3']"); ?>
<?php echo do_shortcode("[huge_it_slider id='4']"); ?>


ve seçeneklerden left-center-right olarak seçtim.

Bu kodları şablona ekleyince alt alta çıkıyor Ben yanyana istiyorum acaba nasıl yapabilirim ?

Eklediğim yerin kodları

if ( ! function_exists( 'shop_isle_before_content' ) ) {
	function shop_isle_before_content() {
		?>
				 <?php echo do_shortcode("[huge_it_slider id='2']"); ?>
				 <?php echo do_shortcode("[huge_it_slider id='3']"); ?>
				 <?php echo do_shortcode("[huge_it_slider id='4']"); ?>
		<div class="main">
	    	<?php
	}
}

Shop-isle teması var onun içindeki woocommarce=>functions.php içine ekliyorum. İstediğim yerde çıkıyor fakat malesef yan yana değil