1. Layout option 1
- Dashboard >> Modules >> Modules >> Searching mdule "Image slider for your homepage"
- It will take you to the configure page with the list of sliders
- Scrolling down to Slider Description to adding style for this slider.
- A popup will appears, you now add the below html code to this popup.
2. Layout option 2
<!--Slideshow1-->
<div class="bx-caption start play">
<div class="magic-caption">
<div class="caption1">SUNGLASSES</div>
<div class="caption2 blackcaption">
<p>View Our Favourite items this AUTUMN !</p>
</div>
<div class="caption3 blackcaption"><a href="#">SHOP NOW </a></div>
</div>
</div>
<!--Slideshow2-->
<div class="bx-caption start play">
<div class="magic-caption">
<div class="caption1">ACCESSORIES</div>
<div class="caption2 blackcaption">
<p>View Our Favourite items this Summer !</p>
</div>
<div class="caption3 blackcaption"><a href="#">SHOP NOW </a></div>
</div>
</div>
<!-- Slide 1 -->
<div class="bx-caption play">
<div class="container">
<div class="magic-caption">
<div class="caption1">SMILE LOOKBOOK 2014</div>
<div class="caption2 blackcaption">
<p>MODERN & CLASSIC</p>
<p>OUTLET</p>
<p>MENSWEAR</p>
</div>
<div class="caption3 blackcaption">
<p>Clean & Elegant design with a modern style. This template includes</p>
<p>all you need for a fashion & accessories store</p>
</div>
<div class="caption4 blackcaption"><a class="btn-get" href="#">GET THE LOOK ! </a> <a class="btn-find" href="#">OR FIND SOMTHING U NEED </a></div>
</div>
</div>
</div><!-- Slide 2 -->
<div class="bx-caption play">
<div class="container">
<div class="magic-caption">
<div class="caption1">SMILE LOOKBOOK 2014</div>
<div class="caption2 blackcaption">
<p>MODERN & CLASSIC</p>
<p>OUTLET</p>
<p>MENSWEAR</p>
</div>
<div class="caption3 blackcaption">
<p>Clean & Elegant design with a modern style. This template includes</p>
<p>all you need for a fashion & accessories store</p>
</div>
<div class="caption4 blackcaption"><a class="btn-get" href="#">GET THE LOOK ! </a> <a class="btn-find" href="#">OR FIND SOMTHING U NEED </a></div>
</div>
</div>
</div>
4. Layout option 5