Public Forums 71,145 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#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 probertson34Join date: August 2014Posts: 17Downloads:5Uploads:2 Thanks: 10]

#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 probertson34Join date: August 2014Posts: 17Downloads:5Uploads:2 Thanks: 10]

#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 probertson34Join date: August 2014Posts: 17Downloads:5Uploads:2 Thanks: 10]

#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