---
title: "How to Use the Image Content With the Hover Card in WordPress?"
url: https://qa.nexterwp.com/docs/use-the-image-content-with-the-hover-card-in-wordpress/
date: 2024-12-16
modified: 2026-04-14
author: "Aditya Sharma"
description: "If you want to add images to your custom layout, you can use the Image content option in the Hover Card block from Nexter Blocks. This feature lets you enhance..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/use-the-image-content-with-the-hover-card-in-wordpress-1024x519.jpg
word_count: 231
---

# How to Use the Image Content With the Hover Card in WordPress?

## Key Takeaways

- Utilizes the Image content option in the Hover Card block from Nexter Blocks to enhance visual appeal.
- Enables customization of image styles, including width, border, and opacity for both normal and hover states.
- Requires installation and activation of Nexter Blocks to access the Hover Card block features.

If you want to add images to your custom layout, you can use the Image content option in the Hover Card block from Nexter Blocks. This feature lets you enhance the visual appeal of your hover cards by adding captivating images, making your website more engaging and attractive to visitors.

*To check the complete feature overview documentation of the Nexter Blocks Hover Card block,* *[click here](https://qa.nexterwp.com/docs/create-hover-card-animation-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/hover-card-animations-wordpress/)

To use Image content in the Hover Card block, add the block on the page and follow the steps - 

1. Open a repeater item and select the appropriate tag in the **Open** tab. 

> *Note: If you don’t want to wrap the content inside another tag you can set the ****Open Tag**** to ****None****.*

If you want, you can add a class name in the **Enter Class** field.

2. Then select the appropriate tag in the **Close **tab.

3. Then, from the **Content** section, select **Image**. 

4. After that, in the **Upload Image **section, you have to add your image.

Apart from the normal style and background style, you’ll find additional image style options. You can set the image width and max width, you can also manage the border, border radius, box-shadow and opacity for both normal and hover state.