Solved

Need help with owl-carousel on Bootstrap

Posted on 2014-12-04
3
320 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
Comment Utility
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
Comment Utility
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
Comment Utility
You're right, I just made a mistake. Thanks!
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Strange loading of website behaviour 3 23
Modify Table Width 6 13
Stupid git question 2 18
Bootstrap input box width 2 12
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

772 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

14 Experts available now in Live!

Get 1:1 Help Now