Home Support Total Increase time of testimonial on screen

This topic contains 8 replies, has 3 voices, and was last updated by  DmacHashThemes 1 day, 14 hours ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #3733

    mklement
    Participant

    Hi – Is there a way to increase the amount of time the testimonials stay on the screen before they scroll to the next one? Mine are longer than the ones in the demo, so need more time to read.

    thanks,
    MIndy

    #3801

    HashThemes
    Keymaster

    Yes, you can do it by editing the code file. Go to js/total-custom.js file and find for the code

    $('.ht-testimonial-slider').owlCarousel({
          autoplay : true,
          items : 1,
          loop : true,
          nav: true,
          dots : false,
          pause : 6000,
          navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      });

    and then increase the pause value from 6000 to 9000

    #3851

    mklement
    Participant

    Where do I find this file? I looked in the Appearance > Editor section, but couldn’t find the exact section you listed. I did find the below. Could I change the transition time?

    .ht-testimonial-wrap .owl-item img{
    height: 100px;
    width: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 1px solid #FFC107;
    padding: 5px;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;

    #3878

    HashThemes
    Keymaster

    This file is not accessible via Editor. You need to access the file via FTP

    #3954

    mklement
    Participant

    Hi –
    I’m not sure how to access the file via FTP. Can you give me instructions?

    thanks,
    Mindy

    #3965

    DmacHashThemes
    Participant

    My testimonial slider suddenly changes at the same time as my logo slider. That is too fast to read the testimonials. I reset the js/total-custom.js from 6000 to 9000 but no change. They are still synchronized. Please help.

    Sprouts Done Better

    #4066

    HashThemes
    Keymaster

    @mklement Please update the WordPress to latest version. You should be able to edit via editor.

    @dmachashthemes on checking your website, it looks like you have added the code for the Banner slider. For client logo slider, you need to edit this code

    $(".ht_client_logo_slider").owlCarousel({
          autoplay : true,
          items : 5,
          loop : true,
          nav: false,
          dots : false,
          responsive : {
            0 : {
                items : 2,
            },
            768 : {
                items : 3,
            },
            979 : {
                items : 4,
            },
            1200 : {
                items : 5,
            }
          }   
      });
    
    to
    
    $(".ht_client_logo_slider").owlCarousel({
          autoplay : true,
          items : 5,
          loop : true,
          nav: false,
          dots : false,
          pause : 9000,
          responsive : {
            0 : {
                items : 2,
            },
            768 : {
                items : 3,
            },
            979 : {
                items : 4,
            },
            1200 : {
                items : 5,
            }
          }   
      });
    #4086

    mklement
    Participant

    Thank you! What is the maximum I can increase to? 9000 still isn’t enough.

    #4116

    DmacHashThemes
    Participant

    I have modified the code as shown below and there is no change. All sliders are synced at same speed, which is too fast for the Testimonials slider:

    if($(‘#ht-bx-slider .ht-slide’).length > 0){
    $(‘#ht-bx-slider’).owlCarousel({
    autoplay : true,
    items : 1,
    loop : true,
    nav: true,
    dots : false,
    pause : 6000,
    animateOut: ‘fadeOut’
    });
    }

    $(‘.ht-testimonial-slider’).owlCarousel({
    autoplay : true,
    items : 1,
    loop : true,
    nav: true,
    dots : false,
    pause : 12000,
    navText : [‘<i class=”fa fa-angle-left” aria-hidden=”true”></i>’, ‘<i class=”fa fa-angle-right” aria-hidden=”true”></i>’],
    });

    $(“.ht_client_logo_slider”).owlCarousel({
    autoplay : true,
    items : 5,
    loop : true,
    nav: false,
    dots : false,
    pause: 6000,
    responsive : {
    0 : {
    items : 2,
    },
    768 : {
    items : 3,
    },
    979 : {
    items : 4,
    },
    1200 : {
    items : 5,
    }
    }
    });

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.