Custom-image2

custom - image2

Module position: Position-2

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/read2.jpg" alt="read2" />
    <div class="overlay">
        <h2>Best Offer</h2>
        <p>
            <a href="#"> <em class="fa fa-plus-square"></em> </a>
        </p>
    </div>
</div>