---
title: "How to Add a Tooltip to a WordPress Icon List Item?"
url: https://nexterwp.com/docs/add-a-tooltip-to-a-wordpress-icon-list-item/
date: 2024-12-10
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add a tooltip to a WordPress icon list item? Adding a tooltip to an icon in a list gives visitors extra information and makes their experience..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Tooltip-to-a-WordPress-Icon-List-Item_-1024x519.jpg
word_count: 188
---

# How to Add a Tooltip to a WordPress Icon List Item?

## Key Takeaways

- Nexter Blocks Stylish List block adds tooltips to WordPress icon list items by enabling the Tooltip toggle on a selected item.
- Stylish List block uses the Content Type section set to Text, then the Content field holds the tooltip content.
- Hovering over the icon list item shows the tooltip after the text is added, and typography and text color are managed from the Typography and Color sections.

Do you want to add a tooltip to a WordPress icon list item? Adding a tooltip to an icon in a list gives visitors extra information and makes their experience better.

With the Stylish List block from Nexter Blocks, you can easily add tooltips to icon list items in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Stylish List block,* *[click here](https://nexterwp.com/docs/add-an-icon-list-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://nexterwp.com/nexter-blocks/blocks/wordpress-stylish-list/)

To do this, add the Stylish List block on the page and follow the steps -

1. From the **List** tab, after selecting the appropriate layout type, open the item you want to add a tooltip to.

2. Then, enable the **Tooltip** toggle.

3. From the **Content Type** section, select **Text** 

4. Then add the tooltip content in the **Content** field.

You can manage the text typography from the **Typography** section.

Then, from the **Color** section, you can manage the text color.

Now when you hover over that particular icon list item it will show a tooltip.