Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

cannot change testimonial speed

Testimonials
    • 9 years, 10 months ago dcottreau
      Participant

      Expired

      Hello, I have done the following steps here: https://support.codeless.co/knowledge-base/change-testimonials-speed/, however it is not working at all. I’ve changed the duration and set the auto to false and neither make a difference. Furthermore, the code looks different from yours. WordPress and my plugins are all up to date and I’m running Specular 1.5

      function testimonialsCarousel(){

      “use strict”;

      $(‘.testimonial_carousel’).each(function(){

      var $self = $(this);

      var c_duration = $self.data(‘duration’);

      if(c_duration == ‘undefined’)

      c_duration = 500;

      $(this).carouFredSel({

       

      auto: true,

      scroll: { items : 1, fx: ‘fade’, duration: c_duration },

      prev : {

      button : $self.parent(‘.testimonial_carousel_element’).find(‘.prev’)

      },

       

      next : {

      button : $self.parent(‘.testimonial_carousel_element’).find(‘.next’)

      }

      });

      Please advise.

      Thanks.

       

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      You do not have to go through that procedure now as this option is added to the testimonials settings. Just go to the elements settings > Duration of Item in View, set the value here. Screenshot.

      Best regards!

    • 9 years, 10 months ago dcottreau
      Participant

      Expired

      I’m not seeing that:

       

    • 9 years, 10 months ago dcottreau
      Participant

      Expired

      I don’t like the formatting of the carousel, so I want to use the cycle one.  Can I change the speed of it and/or pause on mouseover?

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Please go to file js/main.js and find this lines:

      function testimonialsCycle(){
      	"use strict";
      	$('.testimonial_cycle').each(function(){
      		var $self = $(this);
      		var container_width = $self.parents('.wpb_wrapper').first().width();
      		$('.item', $self).width(container_width+'px');
      		$self.carouFredSel({			
      			auto: true,
      			scroll: { items : 1, fx: 'fade' },
      		});
      	});
      }

      Edit this line: scroll: { items : 1, fx: 'fade' },
      to this: scroll: { items : 1, fx: 'fade', duration: 8000 },
      Change the duration value to your wish.

      Best regards!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password