Custom-image3

custom - image3

Module position: Position-3

Module class suffix: custom-img

If you want to display your image like this you have to create a custom module and publish the custom module like below

Step-1:

Step-2:

Step-3:

Step-4:

Add the following code in your custom module

<div class="custom-image"><img src="images/themeparrot/slideshow/read3.jpg" alt="read3" />
    <div class="overlay">
        <h2>Top Selling Books</h2>
        <p>
            <a href="#"> <em class="fa fa-plus-square"></em> </a>
        </p>
    </div>
</div>