how add spaces between owl carousel item

后端 未结 8 1005
醉酒成梦
醉酒成梦 2021-02-14 16:15

How can i add space between owl item. add margin or padding between items. this is need to be responsive.can i add some gutter in to the jquery.

相关标签:
8条回答
  • 2021-02-14 16:40

    You must know that at this time there isn't any way to add a margin directly in the owl carousel may they can make an apdate in the future, so the solution is to make the spaces with Css properties

    you can add the padding in css and also the margin and the best way to get the specific space you can use the mathematic to calcul the space that you need and applied it to the padding and the margin

    I hope that this will help you to find the solution of your problem

    you can follow this steps in this Tuto published by the official site of owl carousel plugin : http://www.istedod.uz/lib/owl-carousel/demos/custom.html

    0 讨论(0)
  • 2021-02-14 16:45

    Based on this demo I would say, just increase the margin in the .item class in custom.css.

    #owl-example .item{
        ...
        margin-left: 20px;
        margin-right: 20px;
    }
    

    Be careful with modifying CSS for responsive sites and plugins. If this needed to be adjusted for different resolutions, you could add to your custom.css some media queries and extend the styles accordingly

    0 讨论(0)
提交回复
热议问题