move pagination outside of slides to bottom of carousel #7572
Unanswered
shaun-fitzgibbon
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Good day
I am trying to move the pagination outside of the slides so that the dots appear below the carousel not inside (giving the look that the dots appear underneath the banner image not inside it when the banner scrolls)
the issue I have is that my slides have a rounded corner all the methods that I have tried either don't work or increase the size of the swiper wrapper which then causes the slide corners to appear square when transitioning through the slides (as seen below)
I can get this to work perfectly when the pagination is inside the slides and then the corners don't go square then transitioning slides but this is not the look we are going for. (as seen below)
I am using swiper 11.1.4
and have tried both the react method and the swiper elements method
if anyone could help I would be greatly appreciative I have been tearing my hair out trying to find a solution all while reading all the discussions and
Beta Was this translation helpful? Give feedback.
All reactions