Elementor carousel with custom arrows position
- Thread starter WebTrend
- Start date
-
Welcome to Original Babiato! All Resource are Free and No downloading Limit.. Join Our Official Telegram Channel For updates Bypass All the resource restrictions/Password/Key? Read here! Read Before submitting Resource Read here! Support Our Work By Donating Click here!
it's probably to be an happyaddons, because i saw something like that in this demo page
Design 4
https://demo.happyaddons.com/elementor-carousel-widget-demo/
I see, it's an element in the Pro version of Phlox theme, where the navigation buttons are in a separate column.
However, you can easily emulate this with the Elementor Pro's testimonial carousel and this example custom CSS:
Adjust margins as needed.
However, you can easily emulate this with the Elementor Pro's testimonial carousel and this example custom CSS:
CSS:
.elementor-swiper-button{top:-50px}
.elementor-widget-testimonial-carousel .elementor-swiper-button-next{right:60px}
.elementor-widget-testimonial-carousel .elementor-swiper-button-prev{left:unset;right:90px}Adjust margins as needed.
WebTrend
New member
- Feb 2, 2021
- 15
- 2
- 3
That works good, thank you
Sorry for trouble, but what if I would like to place arrows like that:
I tried to add margins, but arrows were in bad positions
I don't know, try playing with the values, including negative values. And this seems to have the slider overlapping the column, maybe also with a negative margin. Again: include a link when you submit an example!
Also, it's appreciated when you give a thumbs up if you get a working solution...
Also, it's appreciated when you give a thumbs up if you get a working solution...
Similar threads
