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

Testimonial Carousel – Not Responsive and Too Fast

    • 10 years ago orion1978
      Participant

      Expired

      Hi,

      I’m having three issues with the testimonial carousel found here: https://www.squarefootcreative.com/rainbow/for-owners/.

      1) Testimonial Carousel is NOT Responsive: When I make minimize the width of the screen, the testimonial text gets cut off at the bottom. I need the entire testimonial to show up.

      2) A comma symbol “,” is automatically being added at the end of the testimonial. Please tell me how I can remove it.

      3) I need to slow down the timing for each testimonial. After reading some other posts, it seems that I need to change a file. Can you please send me instructions (I want to ensure that I have the right response). Will these edits be lost if the theme is updated?

      Thanks,

      Carolina

    • 10 years ago orion1978
      Participant

      Expired

      I’m reposting so that I can get a reply.

    • 10 years ago Mirela
      Participant

      Hello,

      1- You can change the speed of the testimonial scrolling by editing the file /js/main.js.
      Find the lines:

      function testimonialsCarousel(){
      	"use strict";
      	$('.testimonial_carousel').each(function(){
      		var $self = $(this);
      		$(this).carouFredSel({
      						
      			auto: true,
      			scroll: { items : 1, fx: 'fade' },
      			prev : {
      				button : $self.parent('.testimonial_carousel_element').find('.prev')
      			},

      and replace them with:

      function testimonialsCarousel(){
      	"use strict";
      	$('.testimonial_carousel').each(function(){
      		var $self = $(this);
      		$(this).carouFredSel({
      						
      			auto: true,
      			scroll: { items : 1, fx: 'fade', duration:200 },//add here the duration of a testimon. 
      			prev : {
      				button : $self.parent('.testimonial_carousel_element').find('.prev')
      			},

      If you want to scroll only on arrow click then you must set ” auto: false” in the above code.

      2- I added this line: .testimonial_carousel .item .param h6 { width: 70% !important; text-align: center; margin-left: 10%; } in the @media (max-width:767px){ chunk of css in your custom css box. This is the result.

      3-To remove the coma, please go to file vc_templates\testimonial_carousel.php and find this line:
      $output .= '<h6>'.esc_html(get_the_title()).', </h6><span class="position"> '.esc_attr($cl_redata['staff_position']).'</span>';
      Replace with this:
      $output .= '<h6>'.esc_html(get_the_title()).' </h6><span class="position"> '.esc_attr($cl_redata['staff_position']).'</span>';

      Note: There is no need to repost, since it will only delay our reply. We respond to topics according to time. The older ones, first.

      Best regards!

    • 9 years, 11 months ago misgood
      Participant

      Expired

      Hi –

      How might I slow down the testimonial carousel with the child theme?

      Thank you

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      It can be done but requires customization not included in this support.

      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