[Skip to Content]
  • You will need a container. You only need one, and the slides will be inserted in there. This is the container:
<div class="main-carousel">
!!! SLIDES WILL GO HERE !!!
</div>
  • Next you will need your slides. Those should look like this, but with your own images:
<div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div>
  • Use that exact code, but replace the image src.
  • End Product should look like this:
<div class="main-carousel">
    <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div>
    <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div>
    <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div>
</div>
Show Tips
Launch Chat