How to add content over slide image?

1. Add content, text, button, link, html code over on slide image

Just input custom html code in content of each slide, or content of cms static block of each slide.

We recommend you add a div wrapper for content of slide image as this.

<div class="image-slide-description">
<!-- Write text, button link, or html code at here -->
</div>
<img src="your_image_slide_url" class="responsive image-slide" alt="image slide 1">

2. Set animation for the content over on slide image

The module are using animate.css to set effect for content over slide image. To know how to use animate.css class you can view at here: https://daneden.github.io/animate.css/

Just add effect class which was supported by animate.css into content element over on slide image.

<a href="#" class="btn btn-success element-center animated infinite bounce" title="View More">View More</a>