How to add margin between owl carousel

Dishan TD picture Dishan TD · Dec 14, 2014 · Viewed 46.5k times · Source

I want to add margin-left or margin-right between carousel items.but not margin-left for first item. below is my code.how can i apply to this.

$("#carousel").owlCarousel({
        items : 4,
        itemsCustom : false,
        itemsDesktop : [1199,4],
        itemsDesktopSmall : [980,2],
        itemsTablet: [768,1],
        itemsTabletSmall: false,
        itemsMobile : [479,1],
        singleItem : false,
        itemsScaleUp : false,

        //Basic Speeds
        slideSpeed : 200,
        paginationSpeed : 800,
        rewindSpeed : 1000,

        //Autoplay
        autoPlay : true,
        stopOnHover : false,

         //Auto height
        autoHeight : true,
    });

Answer

Soufiane Douimia picture Soufiane Douimia · Jan 30, 2016

Hi You can use this steps

    $('.owl-carousel').owlCarousel({
    stagePadding: 50,
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Or you can follow this tutorial :http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html