How to Use the Text Content With the Hover Card in WordPress?

Key Takeaways

  • Nexter Blocks includes a Text content feature in the Hover Card block that allows users to add informative text within their layout.
  • The Hover Card block provides additional text style options, including typography management, color, and text shadow for normal and hover states.
  • Users can set the active slide width in the Hover Card block from 1 to 15, with 1 making all slides equal and 15 setting the maximum width for the active slide.
Table of Contents

With the Text content feature in the Hover Card block from Nexter Blocks, you can easily add text content within your layout. By adding text content to your hover card, you can make it more informative for users.

To check the complete feature overview documentation of the Nexter Blocks Hover Card block, click here.

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

To use Text 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 Text

4. After that, in the Content field, you have to add your text content.

Apart from the normal style and background style, you’ll find additional text style options. You can manage the text typography, you can add the color and text shadow for normal and hover states.

You can also use the Custom Hover option to add a hover effect by adding a parent container class name. It works similarly to the Background style custom hover option.

You can combine different types of content in different items to create a custom layout.de width i.e. how much the active slide will open. You can set the value from 1 to 15, where 1 will make all the slide’s widths equal and 15 will set the maximum width for the active slide.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if the Text content isn't displaying in the Hover Card?

If the Text content isn't showing, ensure that the Nexter Blocks are installed and activated. This block is part of the Nexter Blocks suite, and without it, the Hover Card functionality won't work. Additionally, double-check that you've selected the appropriate tags in both the Open and Close tabs, as incorrect tag settings can prevent content from rendering properly.

What happens if I set the Open Tag to None in the Hover Card?

Setting the Open Tag to None means that your text content won't be wrapped in any additional HTML tags. This can be useful if you want to keep the markup clean or if you are managing styles directly through CSS. However, be cautious as this may affect how the content is styled or displayed in certain contexts.

Are there any limitations when using the Hover Card block?

One limitation to consider is that the Hover Card block is part of the Nexter Blocks, which means you need to have it installed and activated to access its features. Additionally, while you can customize various aspects of the card, the overall design must align with the capabilities of the Gutenberg editor, which may restrict certain complex layouts.

Last reviewed: April 14, 2026

Related Docs