Carousel Not Showing Properly

Forums    Public Forums    Purity III    Carousel Not Showing Properly
Viewing 4 posts - 16 through 19 (of 19 total)
1 2
  • Author
    Posts
  • Saguaros Moderator
    July 1, 2015 at 4:29 am #740949

    First of all, you need to go to Global Configuration on your site and turn off editor by set ‘Default Editor’ option to ‘None’

    Then go to this carousel slide module & check the content output again. This is output of this module in our demo site:


    <div class="container">

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

    <div class="item active">
    <img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>Your perfect starting template, Purity III</h2>
    <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
    </div>
    </div>

    <div class="item">
    <img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>This is the best FREE Joomla 3 template!</h2>
    <p>We have drunken too much of the best… but this repsonsive Joomla template truly is, and IT'S FREE!</p>
    </div>
    </div>
    <div class="item">
    <img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>The next generation of Purity series</h2>
    <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
    </div>
    </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
    </div>

    </div>

    You can make a comparison.

    2 users say Thank You to Saguaros for this useful post

    1. probertson34
    2. griong
    probertson34 Friend
    July 3, 2015 at 1:39 am #576168

    <em>@Saguaros 480769 wrote:</em><blockquote>First of all, you need to go to Global Configuration on your site and turn off editor by set ‘Default Editor’ option to ‘None’

    Then go to this carousel slide module & check the content output again. This is output of this module in our demo site:


    <div class="container">

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

    <div class="item active">
    <img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>Your perfect starting template, Purity III</h2>
    <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
    </div>
    </div>

    <div class="item">
    <img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>This is the best FREE Joomla 3 template!</h2>
    <p>We have drunken too much of the best? but this repsonsive Joomla template truly is, and IT'S FREE!</p>
    </div>
    </div>
    <div class="item">
    <img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>The next generation of Purity series</h2>
    <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
    </div>
    </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
    </div>

    </div>

    You can make a comparison.</blockquote>

    Thanks! By comparing I found that I had a </div> out of place.

    probertson34 Friend
    July 3, 2015 at 1:39 am #642494

    <em>@Saguaros 480769 wrote:</em><blockquote>First of all, you need to go to Global Configuration on your site and turn off editor by set ‘Default Editor’ option to ‘None’

    Then go to this carousel slide module & check the content output again. This is output of this module in our demo site:


    <div class="container">

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

    <div class="item active">
    <img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>Your perfect starting template, Purity III</h2>
    <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
    </div>
    </div>

    <div class="item">
    <img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>This is the best FREE Joomla 3 template!</h2>
    <p>We have drunken too much of the best? but this repsonsive Joomla template truly is, and IT'S FREE!</p>
    </div>
    </div>
    <div class="item">
    <img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>The next generation of Purity series</h2>
    <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
    </div>
    </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
    </div>

    </div>

    You can make a comparison.</blockquote>

    Thanks! By comparing I found that I had a </div> out of place.

    probertson34 Friend
    July 3, 2015 at 1:39 am #741153

    <em>@Saguaros 480769 wrote:</em><blockquote>First of all, you need to go to Global Configuration on your site and turn off editor by set ‘Default Editor’ option to ‘None’

    Then go to this carousel slide module & check the content output again. This is output of this module in our demo site:


    <div class="container">

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

    <div class="item active">
    <img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>Your perfect starting template, Purity III</h2>
    <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
    </div>
    </div>

    <div class="item">
    <img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>This is the best FREE Joomla 3 template!</h2>
    <p>We have drunken too much of the best? but this repsonsive Joomla template truly is, and IT'S FREE!</p>
    </div>
    </div>
    <div class="item">
    <img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
    <div class="carousel-caption">
    <h2>The next generation of Purity series</h2>
    <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
    </div>
    </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
    </div>

    </div>

    You can make a comparison.</blockquote>

    Thanks! By comparing I found that I had a </div> out of place.

  • Author
    Posts
Viewing 4 posts - 16 through 19 (of 19 total)
1 2

This topic contains 19 replies, has 4 voices, and was last updated by  probertson34 8 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories