Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Need help with owl-carousel on Bootstrap

Posted on 2014-12-04
3
Medium Priority
?
371 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
[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
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 2000 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

Simplify Your Workload with One Tool

How do you combat today’s intelligent hacker while managing multiple domains and platforms? By simplifying your workload with one tool. With Lunarpages hosting through Plesk Onyx, you can:

Automate SSL generation and installation with two clicks
Experience total server control

Question has a verified solution.

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

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

660 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