edit swiper-slide active, previous, next and the others.

Hello, I am creating my page with section loops.

I want to configure a slider and I need the cards to have a fixed size, as you can see on my website. What happens is that when moving the slides, they do not move correctly but rather "stop" in other positions, what I have done is that the swiper-slide is 100% wide, and the slide wraps that are seen are with the size that I want, and the slides outside the window at 100% of its size (prev. and the others)... but I can't make them move one by one, how can I configure it in css so that they move as they should?

thank you.

It happens to me in all screen sizes, and in the slide "Un producto para cada necesidad"


The widths that I want in each card are:

desktop: 304px

tablet: 299px

mobile: 245px

Comments

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.