---
title: "How to Use the Text Content With the Hover Card in WordPress?"
url: https://nexterwp.com/docs/use-the-text-content-with-the-hover-card-in-wordpress/
date: 2024-12-16
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A card is mostly words. This is where they go. Setting a row’s Content to Text drops plain text inside whatever tag that row opens — a heading, a paragraph,..."
image: https://nexterwp.com/wp-content/uploads/2024/12/use-the-text-content-with-the-hover-card-in-wordpress-1024x519.jpg
word_count: 445
---

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

## Key Takeaways

- Hover Card en Nexter Blocks funciona en la edición Free y en Nexter Blocks Pro, y se activa en WordPress desde Nexter > Blocks.
- Texto coloca texto plano dentro de la etiqueta abierta de la fila, como un h3 que renderiza Aurelia Vance, y añade controles de Typography, Color y Text Shadow.
- Render HTML es obligatorio para que aparezca el contenido; una fila admite una sola pieza de texto, sin formato en línea, y para negrita o enlaces se usa HTML content type.

A card is mostly words. This is where they go.

Setting a row’s Content to Text drops plain text inside whatever tag that row opens — a heading, a paragraph, a span, whatever the structure needs.

*For every Dynamic Device setting in one place, see the [Hover Card block guide](https://nexterwp.com/docs/create-hover-card-animation-in-wordpress/).*

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

## Before You Start

- **Edition:** Free — the Hover Card block works in Nexter Blocks (free) and in Nexter Blocks Pro.- **Block to enable:** Hover Card, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A little HTML.** This block builds markup out of the rows you add, so it helps to know what a tag is and which tag wraps which.

![Nexter Blocks Hover Card editor: an H3 row with Content set to Text and the text Fjord Overlook](https://nexterwp.com/wp-content/uploads/2026/09/hover-card-text-content-full.webp)

## Steps

- Add the **Hover Card** block to your page.

- Open the row already waiting under **Code Structure**, or press **+ Add Structure** for another one.

![The Code Structure repeater](https://nexterwp.com/wp-content/uploads/2026/09/hc-structure.webp)

- Choose the wrapper in **Open Tag**, and close it in **Close Tag**.

![The Open Tag setting](https://nexterwp.com/wp-content/uploads/2026/09/hc-opentag.webp)

- Set **Content** to the text option.

![The Content type chooser](https://nexterwp.com/wp-content/uploads/2026/09/hc-content.webp)

- Type your words in the **Content** box that appears under it.

![The text field](https://nexterwp.com/wp-content/uploads/2026/09/hc-text.webp)

- Press **Render HTML** to draw the structure, then publish.

![The Render HTML button](https://nexterwp.com/wp-content/uploads/2026/09/hc-render.webp)

> ***Nothing appears until you press Render HTML.** The block does not redraw as you type — the button above the repeater rebuilds the structure, and the block's own note says to check every tag is opened and closed first.*

## How It Behaves

- **The text sits inside the row’s tag.** A row opening `h3` renders `<h3>Aurelia Vance</h3>` — so a heading really is a heading, and search engines read it as one.- **Choosing Text adds its own styling controls** — Typography, Color and Text Shadow appear on the row once it is set.- **It is plain text, not rich text.** For bold, links or several paragraphs in one row, use the [HTML content type](https://nexterwp.com/docs/use-the-html-content-with-the-hover-card-in-wordpress/) instead.- Text can also change colour on hover, through its own Custom Hover option — measured going from grey to blue when the parent was hovered. See [the custom hover guide](https://nexterwp.com/docs/add-hover-effect-with-custom-hover-class-in-wordpress-hover-card/).

## Limitations

- **One row, one piece of text.** Two paragraphs mean two rows.- No inline formatting: what you type is what renders.- Nothing appears until Render HTML is pressed.

## Troubleshooting

### My text is not showing

Check **Content** is set to the text option on that row, that the box under it is not empty, and that you pressed **Render HTML**.

### The text is not styled the way I expected

Typography, Color and Text Shadow live on the same row, below the content settings. They only appear once the row’s Content is set to text.

### I need bold or a link in the middle of a sentence

That is what the [HTML content type](https://nexterwp.com/docs/use-the-html-content-with-the-hover-card-in-wordpress/) is for — it keeps your markup.

## Related Docs

- [Hover Card block guide](https://nexterwp.com/docs/create-hover-card-animation-in-wordpress/)- [HTML content](https://nexterwp.com/docs/use-the-html-content-with-the-hover-card-in-wordpress/)- [Image content](https://nexterwp.com/docs/use-the-image-content-with-the-hover-card-in-wordpress/)- [Build a custom layout](https://nexterwp.com/docs/create-a-custom-layout-with-the-hover-card-in-wordpress/)

## Frequently Asked Questions

**Q: Why isn’t my text showing in the Hover Card row?**
A: The row only renders when three things line up: Content is set to the text option, the Content box is not empty, and Render HTML has been pressed. Nexter Blocks builds the markup from the rows you add, so nothing appears while it is still waiting for that render step. A common gotcha is assuming the block redraws live as you type, but it does not.

**Q: What kind of text content should I use for a Hover Card row?**
A: Text content is plain text that drops inside whatever tag the row opens, such as a heading, paragraph, or span. That makes it a good fit when you want one clean piece of copy inside a single semantic wrapper. If you need bold text, links, or multiple paragraphs in one row, the HTML content type is the better choice because it keeps your markup.

**Q: How do I add bold text or a link inside a sentence in Hover Card?**
A: The text content type cannot handle inline formatting, so bold text and links belong in the HTML content type instead. That matters because plain text strips structure and only renders what you type. If part of a sentence needs markup, switch that row to [HTML content](https://nexterwp.com/docs/use-the-html-content-with-the-hover-card-in-wordpress/) so the formatting survives inside the Hover Card.

**Q: What styling controls are available for text in Hover Card?**
A: Typography, Color, and Text Shadow appear on the same row once Content is set to text. That setup keeps styling tied to the exact piece of copy instead of applying it globally. Nexter Blocks also lets the text change color on hover through its Custom Hover option, which is useful when you want a simple state change without turning the row into rich HTML.

**Q: Can I use plain text in Hover Card without Pro?**
A: The Hover Card block works in Nexter Blocks free and in Nexter Blocks Pro. The page also says this block is enabled under Nexter &gt; Blocks in your WordPress dashboard. That means plain-text rows are part of the free edition path too, as long as the Hover Card block itself is switched on.

**Q: What’s the best way to build multiple lines or paragraphs in one Hover Card?**
A: One row holds one piece of text, so two paragraphs need two rows. That limitation matters because each row opens its own tag and renders one unit of content. If you need more complex structure than a single plain-text line, use separate rows or move to [Build a custom layout](https://nexterwp.com/docs/create-a-custom-layout-with-the-hover-card-in-wordpress/) when the card needs more control.