> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/bookstore/layout-customization/home-styles/home-style-2/banner-2.md).

# Banner 2

### Banner 2

> Module position: tp-blog2
>
> Module class suffix: custom-img

![](/files/iuSC4WARFLzFFBHgcX6S)

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

#### Step-1:

![](/files/6hrr0hNnQSFGHfWLA3V3)

#### Step-2:

![](/files/G7CaC8N2b47H5SyFTA48)

#### Step-3:

![](/files/tdbplvRYAvcC3U9mXnUk)

#### Step-4:

Add the following code in your custom module

```html
<div class="block-right">
    <div class="text-overlay">
        <figure><img src="images/themeparrot/bannars/bookstore_images_04.png" alt="bookstore images 04" class="img-responsive" /></figure>
        <a href="#" class="text-overlay-caption black left"><span> Books at Half price <br /> Flat 50% cashback</span> <br /> View more </a></div>
</div>
```