Slide Module
Dein Titel N°1
Your content goes here. Edit or remove this text inline or in the module Content settings.
Dein Titel N°2
Your content goes here. Edit or remove this text inline or in the module Content settings.
Dein Titel N°3
Your content goes here. Edit or remove this text inline or in the module Content settings.
Dein Titel N°4
Your content goes here. Edit or remove this text inline or in the module Content settings.
Dein Titel N°5
Your content goes here. Edit or remove this text inline or in the module Content settings.
Dein Titel N°6
Your content goes here. Edit or remove this text inline or in the module Content settings.
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
jQuery(document).ready(function($) {
$('.single-item').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 968,
settings: { slidesToShow: 2 }
},
{
breakpoint: 680,
settings: { slidesToShow: 1 }
}
]
});
});
</script>
.single-item .et_pb_module {
padding:20px !important;
margin:0px 10px !important;
border: 1px solid #eee;
}
.slick-prev,
.slick-next {
display: inline-block;
width: 20px;
height: 20px;
font-size: 0;
font-weight: 400;
font-style: normal;
font-family: dashicons;
line-height: 1;
text-align: center;
text-decoration: inherit;
position: absolute;
top:46%;
cursor: pointer;
border: none;
outline: none;
padding: 0;
vertical-align: top;
z-index: 9;
color: transparent;
background: transparent;
-webkit-transition: color .1s ease-in 0;
transition: color .1s ease-in 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -40px;
}
.slick-next {
right: -20px;
}
.slick-prev:before {
color: #000;
font-size: 35px;
content: "\f341";
}
.slick-next:before {
color: #000;
font-size: 35px;
content: "\f345";
}