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

Key Takeaways

  • The Plus Addons for Elementor allows users to add text content within the Hover Card widget for enhanced design.
  • Users can manage text style, including typography, color, and text shadow for normal and hover states in the Text Style section.
  • The Hover Card widget enables the combination of different types of content in various items to create a custom layout.
Table Of Content

With the Text content feature in the Hover Card widget of The Plus Addons for Elementor, you can easily add text content within your layout. Enhance your design by adding engaging and informative text to your hover cards, providing a rich user experience on your website.

To check the complete feature overview documentation of The Plus Addons for Elementor Hover Card widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To use a Text content in the Hover Card widget, add the widget on the page and click on the +ADD ITEM button to add an item.

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.

Then select the appropriate tag in the Close tab.

Then from the Content dropdown, select Text, then in the Text field you can add your text content.

Hover card text content type

Apart from setting style from Style and Background Style sections, from the Text Style section you can manage text style. You can manage the text typography, you can add the colour and text shadow for normal and hover state.

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. Learn the process.

Note: When the open tag is set as None, the text style option will not be available.

You can combine different types of content in different items to create a custom layout. Learn the process.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 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.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

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 up in the Hover Card, ensure that you've selected 'Text' from the Content dropdown in the widget settings. Additionally, check that you've added your text in the Text field after selecting the appropriate tags. If the Open Tag is set to 'None', the text style options will not be available, which could affect visibility.

What is the best way to style text in the Hover Card?

To style text effectively in the Hover Card, use the Text Style section to manage typography, color, and text shadow for both normal and hover states. This customization can significantly enhance the visual appeal of your hover cards. Remember, if the Open Tag is set to 'None', you won't have access to these text style options.

Does the Hover Card widget work with other page builders?

The Hover Card widget is specifically designed to work with Elementor and is part of The Plus Addons for Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. Make sure you have Elementor installed and activated to use this widget.

Are there any limitations when using text content in the Hover Card?

One limitation to be aware of is that if you set the Open Tag to 'None', you will lose access to the text style options. This means you won't be able to customize typography or color for your text, which could limit the visual impact of your hover card. Always consider the tag settings before finalizing your design.

Last reviewed: April 11, 2026