Luke
Luke

Reputation: 623

Owl Carousel ignoring cover property

I am using OwlCarousel 2.3.4 and I have the carousel working but it seems to be ignoring the coverproperty set in my CSS so it is displaying all images side by side rather than as a cover.

I have created a CodePen with my code (I have removed most of the content to keep it small but the Owl Carousel issue is still there) - CodePen

Upvotes: 1

Views: 258

Answers (1)

Nayeem M. Muzahid
Nayeem M. Muzahid

Reputation: 139

Initially, owl carousel shows 3 items. If you want to customize the item, you can just add an item property where you have initialized the carousel.

something like this one example--

` $(document).ready(function(){
  $(".owl-carousel").owlCarousel({
    loop: true,
    autoplay: true,
    items: 1
  });
});`

Upvotes: 1

Related Questions