Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • fmolina Friend
    #893097

    Hi.
    When I edit slideshow in corporate theme purity III dissapear arrows, shadows and circles.
    I edit from html code.

    Can you resolve me?

    Thanks.

    pavit Moderator
    #893099

    Hi there

    When you edit a custom-html module would be better first disable your default editor from global configuration otherwise it strips out html code , anyway after disabled it edit again your module and past it this code

    <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>

    Then edit text and images as you wish

    Hope it helps

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by  pavit 8 years, 8 months ago.

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