- This topic has 9 replies, 3 voices, and was last updated 7 years, 6 months ago by
Hash.
- AuthorPosts
- October 19, 2017 at 8:17 pm #3733
mklement
ParticipantHi – 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,
MIndyOctober 29, 2017 at 11:06 pm #3801Hash
KeymasterYes, 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
November 2, 2017 at 9:18 pm #3851mklement
ParticipantWhere 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 #3878Hash
KeymasterThis file is not accessible via Editor. You need to access the file via FTP
November 9, 2017 at 9:20 pm #3954mklement
ParticipantHi –
I’m not sure how to access the file via FTP. Can you give me instructions?thanks,
MindyNovember 13, 2017 at 9:43 pm #3965DmacHashThemes
ParticipantMy 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 #4066Hash
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 #4086mklement
ParticipantThank you! What is the maximum I can increase to? 9000 still isn’t enough.
November 20, 2017 at 9:01 pm #4116DmacHashThemes
ParticipantI 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,
}
}
});December 2, 2017 at 10:44 pm #4405Hash
KeymasterReplace the text pause with autoplayTimeout
- AuthorPosts
- You must be logged in to reply to this topic.