How do I change the testimonial slider speed having used Elementor to build my page?

Hi, I’m trying to change the speed of the slider as it moves through the testimonials too quickly. I checked out earlier posts on the topic and have searched through the Elementor page builder trying to find a way to alter the ‘autoplay’ settings. I don’t know if I’m missing something.

Finally, I followed the instructions found on this forum to make changes to the main.min.js file. This worked on my local site so I made the change on the live site but even after deleting my cache, cookies, etc. I don’t see the change on my live site.

Anything help would be appreciated :slight_smile: Thanks

Hello there,

Please try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($){

      if ( $().owlCarousel && $('.widget_sydney_testimonials .roll-testimonials').length ) {
          $('.widget_sydney_testimonials .roll-testimonials').owlCarousel({
              items: 2,
              itemsDesktop: [3000,2],
              itemsDesktopSmall: [1400,2],
              itemsTablet:[970,2],
              itemsTabletSmall: [768,1],
              itemsMobile: [360,1],
              autoPlay: $('.roll-testimonials').data('autoplay'),
              slideSpeed : 400, // Default 200
              paginationSpeed : 800,
              rewindSpeed : 1000,          
          });

      }

    })(jQuery);

Adjust the speed value to your desired in this line:

    slideSpeed : 400, // Default 200
  1. Update

Regards,
Kharis

Thank you very much! This was helpful :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hi Kharis,
Editing my post to update my situation:
I tried this javascript on my site, changing your code to show one column only, as my testimonials are long.
Since they are long, what I need is for the sliding function to stay a longer period of time on each testimonial, rather than slow the speed of the slider. I played around with different numbers for the slider speed, pagination speed, and rewind speed, and none of them seem to actually control how long the slider stays on one testimonial. Strangely these numbers also change how much width into the next testimonial is shown.

In short, I would like each testimonial to stay static for longer, and then slide to the next.

If that is not possible, is there a manual sliding option?

My testimonials page is https://reapnleap.peyina.com/#testimonials

Thank you!
Peyina

Hello Peyina,

Try this code:

    (function($){

      if ( $().owlCarousel && $('.widget_sydney_testimonials .roll-testimonials').length ) {
          $('.widget_sydney_testimonials .roll-testimonials').owlCarousel({
            navigation : false,
    				pagination: true,
    				responsive: true,
    				items: 1,
    				itemsDesktop: [3000,1],
    				itemsDesktopSmall: [1400,1],
    				itemsTablet:[970,1],
    				itemsTabletSmall: [600,1],
    				itemsMobile: [360,1],
    				touchDrag: true,
    				mouseDrag: true,
    				autoHeight: true,
    				autoPlay: 777777,
            rewindSpeed: 10,
          });

      }

    })(jQuery);

and adjust the value in autoPlay: 777777, line.

Regards,
Kharis

1 Like

Thank you Kharis!
Your code worked really well. I adjusted autoplay to 16000 and rewind speed to 1200, or something around those numbers.
I truly appreciate your help!

You’re welcome!

Glad to hear that code worked for you.

Please let us know in your own new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis