Solved

Help with testimonials (bootstrap)

Posted on 2015-01-12
6
272 Views
Last Modified: 2015-01-19
Hi, On this page,

test.magickitchen.com/responsive/

I'm having trouble with the testimonials part way down the page(search What our Customers are Saying).
I need two things:

1. needs to be further left.
2. needs to be slowed way down.

I just can't figure these two things out. Thanks.
0
Comment
Question by:mel200
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 40544878
#1. You have this in the markup for each testimonial item: <div class="col-md-6 col-md-offset-3 slide-custom">. Change the offset to col-md-offset-1.

#2. At the bottom of the markup find this and change the interval between slides to something higher like 5000.

<script>
        $('.carousel').carousel({
            interval: 2000 //TIME IN MILLI SECONDS
        })
    </script>
0
 

Author Comment

by:mel200
ID: 40545071
Thanks! You can see that I've changed it to 80000 milliseconds now, but it's not getting any longer, it seems stuck at about a max of 8 seconds.

<script>
        $('.carousel').carousel({
            interval: 80000 //TIME IN MILLI SECONDS
        })
    </script>
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40545436
There is definitely something wrong with that slider speed for sure. You should be able to set the interval to 80 seconds if you desire (although I don't know you would want to). I'm thinking that the carousel script at the bottom of the page is not doing anything at all. Try commenting out the whole script and I'll bet it makes no difference to the testimonial slider.

Could be a conflict with code in another javascript file, could be a css issue, could be the fact that you are loading the main jQuery library and bootstrap.js twice each on the page (once in full code, once in minified code). You should fix that problem right away even if it does not solve the testimonial slider issue.

Also realize that, in theory anyway, that script at the bottom should initialize any carousel on the page with the "carousel" class. I see two on that page. I'd have to read the docs to see if you can initialize two carousels with one script. Maybe that's the problem. As I said, in my tests with your code, it appears that the carousels work equally well without that script.

I may have more time this evening to look again.
0
Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

 

Author Comment

by:mel200
ID: 40545583
ok, thanks for your help. I bet that's it, the two carousels. I just set it to 80 seconds to prove to myself that it wasn't working. :)
0
 

Author Comment

by:mel200
ID: 40545597
This says, I can have more than one carousel as long as they are independently named. http://stackoverflow.com/questions/10521257/is-it-possible-to-have-multiple-twitter-bootstrap-carousels-on-one-page 

I'll work on that, but may need your help. Thanks,
0
 

Author Closing Comment

by:mel200
ID: 40558815
Thanks!
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question