Testimonial’s not displaying properly
- This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by
. This post has been viewed 990 times
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
We removed the latest news section in the footer so the testimonials can take up that entire section, however instead of having the three dots and the reviews cycle through, all of them are displayed and continue down the page. Below is the code we have currently. Thank you for your help!
<section class="section section-custom-map appear-animation" data-appear-animation="fadeInUpShorter"> <section class="section section-default section-footer"> <div class="container"> <div class="row mt-4 appear-animation" data-appear-animation="fadeInUpShorter"> <div class="col-lg-3 col-xl-12"> <h2 class="font-weight-normal text-6 mb-4"><strong class="font-weight-extra-bold">What</strong>Our Client’s Say</h2> <div class="row"> <div class="owl-carousel owl-theme dots-title dots-title-pos-1 mb-0" data-plugin-options="{'items': 3, 'autoHeight': true}"> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">I've been an Agent Black customer for more than a year and have no complaints whatsoever. In the rare case of an outage, Agent Black quickly gets things going again. While I'm able to produce a website, using Nucleus CMS, how some things actually work eludes me. Agent Black's customer service department has been extremely patient with my ignorance. I used Visionhead Technologies for this site previously, and the traffic the site attracts didn't work so well with their shared hosting setup, so I moved to Agent Black, and I have no regrets about that. That is not a slam on Visionhead; they still host one of my sites.</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="""img/clients/client-1.jpg""" alt="""""" /> </div> <p><strong>Patrick Hannigan</strong><span>Webmaster, James Logan Courier School Newspaper</span></p> </div> </div> </div> </div> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">I started working with Agent Black Hosting about 10 years ago when I built my first website, and the customer service has been some of the best I've ever experienced. Timely responses with digestible answers for any issues or questions, friendly "after-the-sale" service, and proactive maintenance with notification well in advance. Highly recommend for all hosting needs!</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="""img/clients/client-1.jpg""" alt="""""" /> </div> <p><strong>Casey Szink</strong><span>Owner, Galvanized Fitness</span></p> </div> </div> </div> </div> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">You won't find greater customer service or support anywhere else. I continue to move all of my websites and domain purchases over to Agent Black Hosting - best pricing, best service, best support.</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="""img/clients/client-1.jpg""" alt="""""" /> </div> <p><strong>Angela Knezevich</strong><span>Owner, 143berkley.com</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </section>
Template Version: 8.2Hello,
Please try with this HTMl for the carousel:
<div class="owl-carousel owl-theme dots-title dots-title-pos-1 mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '476': {'items': 1}, '768': {'items': 3}, '992': {'items': 3}, '1200': {'items': 3}}, 'autoHeight': true}">......</div>Regarding dots not appearing, this is because you are showing 3 items per page and has 3 testimonial items inside the carousel. You should add more testimonial items (minimum of 4) to show the dots. Another way is reduce the items per page to
'items': 2.Hope this helps!
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.
If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads
That did not work. It’s still showing all three testimonials at once.
<section class="section section-custom-map appear-animation" data-appear-animation="fadeInUpShorter"> <section class="section section-default section-footer"> <div class="container"> <div class="row mt-4 appear-animation" data-appear-animation="fadeInUpShorter"> <div class="col-lg-3 col-xl-12"> <h2 class="font-weight-normal text-6 mb-4"><strong class="font-weight-extra-bold">What</strong>Our Client’s Say</h2> <div class="row"> <div class="owl-carousel owl-theme dots-title dots-title-pos-1 mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '476': {'items': 1}, '768': {'items': 3}, '992': {'items': 3}, '1200': {'items': 3}}, 'autoHeight': true}"> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">I've been an Agent Black customer for more than a year and have no complaints whatsoever. In the rare case of an outage, Agent Black quickly gets things going again. While I'm able to produce a website, using Nucleus CMS, how some things actually work eludes me. Agent Black's customer service department has been extremely patient with my ignorance. I used Visionhead Technologies for this site previously, and the traffic the site attracts didn't work so well with their shared hosting setup, so I moved to Agent Black, and I have no regrets about that. That is not a slam on Visionhead; they still host one of my sites.</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="img/clients/client-1.jpg" class="rounded-circle" alt=""> </div> <p><strong>Patrick Hannigan</strong><span>Webmaster, James Logan Courier School Newspaper</span></p> </div> </div> </div> </div> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">I started working with Agent Black Hosting about 10 years ago when I built my first website, and the customer service has been some of the best I've ever experienced. Timely responses with digestible answers for any issues or questions, friendly "after-the-sale" service, and proactive maintenance with notification well in advance. Highly recommend for all hosting needs!</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="img/clients/client-1.jpg" class="rounded-circle" alt=""> </div> <p><strong>Casey Szink</strong><span>Owner, Galvanized Fitness</span></p> </div> </div> </div> </div> <div> <div class="col"> <div class="testimonial testimonial-primary"> <blockquote> <p class="mb-0">You won't find greater customer service or support anywhere else. I continue to move all of my websites and domain purchases over to Agent Black Hosting - best pricing, best service, best support.</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img src="img/clients/client-1.jpg" class="rounded-circle" alt=""> </div> <p><strong>Angela Knezevich</strong><span>Owner, 143berkley.com</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </section> </div>
Hello,
Please make sure you are adding the Owl Carousel Stylesheets on head and scripts on footer.
On head:
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
On footer:
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
If even so the problem still persists, please send us a online test link with your website for us, so we can inspect the code and discover where’s the issue.
Kind Regards,
Rodrigo.
If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads
Viewing 4 posts - 1 through 4 (of 4 total)
This topic is marked as "RESOLVED" and can not rceive new replies.