Solved

Need help with owl-carousel on Bootstrap

Posted on 2014-12-04
3
324 Views
Last Modified: 2014-12-04
Hi, looking at this test site: mostlydesserts.com/responsive/

The carousel at the top is good with the three images. I'd like to add a fourth,  but this doesn't work, how can I make that work, please?:

<!-- CAROUSEL -->
      <div id="carousel">  
        <div id="owl-demo" class="owl-carousel owl-theme">
            <div class="item">
              <img src="img/chocolate-cake2.jpg" alt="Chocolate Cake delivered">
              <div class="line">
                  <h2>tempting cakes... </h2>
              </div>
            </div>
            <div class="item">
              <img src="img/dutch-apple-pie2.jpg" alt="Dutch Apple Pie delivered">
              <div class="line">
                  <h2>phenomenal pies...</h2>
              </div>
            </div>
            <div class="item">
              <img src="img/tiramisu2.jpg" alt="Tiramisu Delivered">
              <div class="line">
                  <h2>puddings & such...</h2>
              </div>
                <div class="item">
              <img src="img/lemon-tarte2.jpg" alt="Lemon Tarte">
              <div class="line">
                  <h2>other delectables...</h2>
              </div>
            </div>
        </div>
      </div>
0
Comment
Question by:mel200
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40481678
You should just need to add the fourth slide. There's no magic to it.
What happens when you do add it?
0
 

Author Comment

by:mel200
ID: 40481990
Darn, I missed a div when I did it before, I had:

<!-- CAROUSEL -->
      <div id="carousel">  
        <div id="owl-demo" class="owl-carousel owl-theme">
            <div class="item">
              <img src="img/chocolate-cake2.jpg" alt="Chocolate Cake delivered">
              <div class="line">
                  <h2>tempting cakes... </h2>
              </div>
            </div>
            <div class="item">
              <img src="img/dutch-apple-pie2.jpg" alt="Dutch Apple Pie delivered">
              <div class="line">
                  <h2>phenomenal pies...</h2>
              </div>
            </div>
            <div class="item">
              <img src="img/tiramisu2.jpg" alt="Tiramisu Delivered">
              <div class="line">
                  <h2>puddings & such...</h2>
              </div>
            </div>
        <div class="item">
              <img src="img/lemon-tarte2.jpg" alt="Lemon tarte Delivered">
              <div class="line">
                  <h2>other delectables...</h2>
            </div>
        </div>
      </div>
0
 

Author Closing Comment

by:mel200
ID: 40481991
You're right, I just made a mistake. Thanks!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
JavaScript: Issue with onClick 5 36
I can't get this footer to "stick" to the bottom! Why not? 4 21
html input type 3 22
Capture logon name 13 37
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

920 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now