would like to set padding on my slider wrapper, when i do it manually, for example I set padding-left:15px;
on wrapper or any parent div, the last slide is not showing properly, in fact 15 pixels are hidden by the overflow..
I am using swiper-bundle.6.5
The html rendered:
<div class="swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-rtl swiper-container-android px-3">
<div class="swiper-wrapper" id="swiper-wrapper-44269aed36ad10c2c" aria-live="polite" style="transform: translate3d(330px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide" style="width: 210px; margin-left: 10px;" role="group" aria-label="1 / 3">
mySlide1
</div>
<div class="swiper-slide swiper-slide-prev" style="width: 210px; margin-left: 10px;" role="group" aria-label="2 / 3">
mySlide2
</div>
<div class="swiper-slide swiper-slide-active" style="width: 210px; margin-left: 10px;" role="group" aria-label="3 / 3">
mySlide3
</div>
</div>
</div>
The js :
new SwipeLoader(_swiper_target, {
debugger: true,
direction: 'horizontal',
pagination: {
el: '.' + unique_id + ' .swiper-pagination',
clickable: true
},
navigation: {
nextEl: '.' + unique_id + ' .swiper-button-next',
prevEl: '.' + unique_id + ' .swiper-button-prev'
},
slidesPerView: 1.5,
spaceBetween: 10,
breakpoints: {
320: {
slidesPerView: 1.5,
spaceBetween: 10
},
480: {
slidesPerView: 1.5,
spaceBetween: 10
},
640: {
slidesPerView: 1.5,
spaceBetween: 10
},
800: {
slidesPerView: 3,
spaceBetween: 10
}
}
});
Thanks