How to add a slider item in main slider?


To add a new slider item copy/paste a slide item and fill it with your info.

<div class="slider wrapper owl component mainslider" data-config='{"items": 1, "smartSpeed": 1000}'>

    <!-- slide item -->
    <div class="slide">
        <div class="wrapper fullwidth fullheight pa">
            <div class="wrapper acc pa zim slide-title-block">
                <h3 class="text ff2 fz10 fw1 lss cw ac slidertext">Slide title</h3>
                <p class="text ff2 fw3 cw ac lss slidertext">Slide description</p>
                <div class="wrapper ac mt40">
                    <span class="button"><a class="link fz6 lh22 ttu fw3" href="/index.php?action=artikel&lang=en&cat=24&id=112&artlang=en#">Download Broschure</a></span>
                </div>
            </div>
        </div>
        <img src="img/theme/slider/1.jpg" alt="Odyssey slider image" class="image">
    </div>

</div>

In data-config attribute set properties for your slider.

Check the full documentation for more info and properties.

Tags: add, change, slider

Last update:
2015-01-09 08:59
Author:
Daniel Verejan
Revision:
1.0
Average rating:0 (0 Votes)