Slider

 

Callisto light hat auf der Startseite einen Slider. Diesen kann man so bearbeiten:

Artikel>>Kategorien>>Startseite

<div class=”contentpageSlider” data-plenty=”contentpageSlider”>
<div class=”slide slide-1″ style=”background-image: url(‘/documents/category/746/slider-template-callisto.jpg’);”>  Hier werden die Bilder des Sliders definiert. Etwa durch folgenden Code ersetzen: style=”background-image: url(‘/images/gallery/Slider/Slide1.jpg’);” Die Bilder liegen dann im Bildordner Slider … Slide1
<div class=”slide-text container”>
<div class=”text-large-responsive block col-lg-offset-6 col-md-offset-6 col-sm-offset-5 h-lg-offset-05 h-md-offset-025 h-sm-offset-025 h-xs-offset-4″>
<a href=”#testlink”><span class=”text-bg blue”>Eines für alle:</span><br>
<span class=”text-bg blue margin-left-2″>Das neue Template „Callisto Light“.</span></a>
</div>
</div>
</div>
<div class=”slide slide-2″ style=”background-image: url(‘/documents/category/746/slider-onlineshopping.jpg’);”>
<div class=”slide-text container”>
<div class=”text-large-responsive block h-lg-offset-4 h-md-offset-4 h-sm-offset-4 h-xs-offset-5″>
<span class=”text-bg”>Entspanntes Shopping von überall…</span>
</div>
</div>
</div>
<div class=”slide slide-3″ style=”background-image: url(‘/documents/category/746/slider-shoppingtueten.jpg’);”>
<div class=”slide-text container”>
<div class=”text-large-responsive block h-lg-offset-025 h-md-offset-025 h-sm-offset-025 h-xs-offset-025″>
<span class=”text-bg”>Shopping ohne Grenzen!</span>
</div>
</div>
</div>
</div>