-
-
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
-
-
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!
-
Hi –
How might I slow down the testimonial carousel with the child theme?
Thank you
-
Hello,
It can be done but requires customization not included in this support.
Best regards!
-
You must be logged in to reply to this topic.