Increase time of testimonial on screen

This topic has 9 replies, 3 voices, and was last updated 6 years, 4 months ago by Hash.

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

Author
Posts
October 19, 2017 at 8:17 pm #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
October 29, 2017 at 11:06 pm #3801
Hash
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 : ['', ''],
 });
```
and then increase the pause value from 6000 to 9000
November 2, 2017 at 9:18 pm #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;
November 6, 2017 at 9:45 pm #3878
Hash
Keymaster
This file is not accessible via Editor. You need to access the file via FTP
November 9, 2017 at 9:20 pm #3954
mklement
Participant
Hi –
I’m not sure how to access the file via FTP. Can you give me instructions?
thanks,
Mindy
November 13, 2017 at 9:43 pm #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.
November 17, 2017 at 11:58 pm #4066
Hash
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,
 }
 } 
 });
```
November 18, 2017 at 12:41 am #4086
mklement
Participant
Thank you! What is the maximum I can increase to? 9000 still isn’t enough.
November 20, 2017 at 9:01 pm #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 : [‘’, ‘’],
});
$(“.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,
}
}
});
December 2, 2017 at 10:44 pm #4405
Hash
Keymaster
Replace the text pause with autoplayTimeout
Author
Posts

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

You must be logged in to reply to this topic.