Big-beef Big-beef - 13 days ago 9
CSS Question

Show part of next and previous items with Owl Carousel 2.0

I'm using Owl Carousel 2.0. I would like to show one item, a half (or less) of the previous item (left side) and a half (or less) of the next item (right side). Just putting a part of them out on the right and on the left side:

enter image description here

I've been trying using just CSS (

padding
and
margin
negative with the
owl-stage-outer
) but obviously Javascript override them.

Answer

The easiest way to do this is by using stagePadding here is a demo. But remind it's beta so better use the latest develop:

$('.owl-carousel').owlCarousel({
  margin: 10,
  loop: true,
  items: 1,
  stagePadding: 100
})