SwiperJS shows 5 posts/slides instead of 3, despite having slidesPerView: 3 - Wordpress, Genesis Featured Posts widget, swiperJS

Question

newbie here.

Please let me know if more info is needed!

Many thanks for having a look + trying to help 🙏

The Desire

I'm trying to make a SwiperJS slider using the Genesis Featured Post widget. I'd like the slider to show 3 out of a total of 5 posts.

The Problem

The slider shows all 5 posts, despite setting slidesPerView: 3

Swiper Initialization Code

var swiper = new Swiper('.swiper', {

          spaceBetween: 30,

           slidesPerView: 3,

           autoplay:false,
     
          pagination: {

            el: '.swiper-pagination',

            clickable: true,
          },

          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',

          },
       });

Screenshot from Inspector

Screenshot from Website showing 5 instead of 3 posts/slides

Screenshot from Genesis Featured Post setup

Answer 1

I think the case is closed. It's probably got to do with bad CSS code. Everything else seems to work fine.

When I sort it, I'll post my css error + the fix.