---
title: "How to Add Multiple Elements Inside One Element in Elementor Hover Card?"
url: https://qa.nexterwp.com/docs/add-multiple-elements-inside-one-element-in-elementor-hover-card/
date: 2024-12-16
modified: 2026-04-14
author: "Aditya Sharma"
description: "The Hover Card block from Nexter Blocks lets you easily build complex layouts by placing multiple elements inside a single container. You can combine images, text, buttons, and other elements..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/add-multiple-elements-inside-one-element-in-elementor-hover-card-1024x519.jpg
word_count: 377
---

# How to Add Multiple Elements Inside One Element in Elementor Hover Card?

## Key Takeaways

- Nexter Blocks' Hover Card block allows users to build complex layouts by nesting multiple elements within a single container.
- Users must select 'Div' from the Open Tag dropdown to create a container for images and text in the Hover Card block.
- Knowledge of HTML nested elements is required to effectively create and manage complex layouts in the Hover Card block.

The Hover Card block from Nexter Blocks lets you easily build complex layouts by placing multiple elements inside a single container. You can combine images, text, buttons, and other elements to create engaging designs that capture attention and enhance user interaction.

*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 do so, add the Hover Card block on the page and open the repeater item.

To create the container that will contain other elements, select the appropriate option from the **Open Tag** dropdown, ideally choose **Div**. 

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

Then set **None** as the **Close Tag**. So the tag will remain open.

> *Note: You must have knowledge of HTML nested elements to create complex layouts.*

In the **Content,** ideally, you should select **None** because it is a container.

Now, whichever element you add before closing the previous tag will be placed inside the container.

Let’s add an image and text content inside the container.

Click on the **+Add Structure** button to add an item and select **None** from the **Open Tag** dropdown if you don’t want to wrap the image inside any other tag, or you can select any appropriate tag you want. 

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

Then set **None** as the **Close Tag**, but if you have selected any other tag as the opening tag, select **Default** as the **Close Tag**.

From the **Content** section, select **Image**.

Follow the same process to add Text content.

Once done, click on the **+Add Structure** button to add another item to close the container.

To do so, in the **Open Tag,** select **None** and **Div **or the tag you’ve used to open the container as the **Close Tag**, this will close the previously opened tag.

Set **None** in the **Content** section as well.

Now, the image and text content is inside a div. You can use the browser inspect element to check the structure.

Following this process, you can create complex layouts using nested elements.