Elementor carousel with custom arrows position

[WebTrend]

Hello,

Do you know elementor addon which allows to give arrows custom position, like on photo:
The best option to me would be - elementor pro testimonial carousel. But how to set icons as remote left/right arrows ?

 

[frizzel]

As always: include a LINK where you've seen that example.

 

[matrixAngel]

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/

 

[frizzel]

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:

.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]

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:

.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.

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

 

[frizzel]

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...