---
title: "How to change WordPress Tab icon?"
url: https://nexterwp.com/docs/change-wordpress-tab-icon/
date: 2023-02-10
modified: 2026-04-15
author: "Aditya Sharma"
description: "By default WordPress Tabs blocks don’t have icons but with the Nexter Blocks Tabs Tours block, you can easily add and change icons in your tab titles. Customizing the tab..."
image: https://nexterwp.com/wp-content/uploads/2024/05/change-wordpress-tab-icon-1024x519.jpg
word_count: 188
---

# How to change WordPress Tab icon?

## Key Takeaways

- Nexter Blocks Tabs Tours block allows users to add and change icons in tab titles.
- Users can customize tab titles by turning on the Show Inner Icon toggle and selecting icons from the icon library.
- The Show Outer Icon (Pro) toggle enables users to set an additional icon for the tab title.

By default WordPress Tabs blocks don’t have icons but with the Nexter Blocks Tabs Tours block, you can easily add and change icons in your tab titles.

Customizing the tab icons can be a great way to make your website stand out and give it a professional touch.

*To check the complete feature overview documentation of the Nexter Blocks* Tabs Tours block, [click here](https://nexterwp.com/docs/add-tabs-on-wordpress/).

**Requirement  - This block is a part of *the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/)

To add an icon add the Tabs Tours block on the page and go to a particular tab.

Turn on the **Show Inner Icon** toggle to add the main icon to the tab title, from the icon library you can add or change the icons.

You can even set your custom images for your tab title or if you want you can set it to none to have no icons.

![](https://nexterwp.com/wp-content/uploads/2023/02/tabs-tours-tabs-icons-new1.png)

You can also set an additional icon to the tab title by turning on the **Show Outer Icon** (Pro) toggle.

![tabs icon preview](https://nexterwp.com/wp-content/uploads/2023/02/tabs-icon-preview.png)

Also, check [How to Change WordPress Tabs on Hover](https://nexterwp.com/docs/change-wordpress-tabs-on-hover/).

## Frequently Asked Questions

**Q: What should I do if the icon doesn't show up in my tab title?**
A: If the icon isn't appearing, ensure that you have activated the 'Show Inner Icon' toggle for the specific tab in the Tabs Tours block. This toggle is essential for displaying the main icon. If the icon still doesn't show, check if the Nexter Blocks are properly installed and activated, as this block is part of that ecosystem.

**Q: What is the best practice for choosing tab icons?**
A: When selecting icons for your tabs, consider using visuals that clearly represent the content of each tab. This improves user experience and helps visitors navigate your site more intuitively. Using recognizable icons can make your website look more professional and engaging.

**Q: Does the Nexter Blocks Tabs Tours block work with other page builders?**
A: The Nexter Blocks Tabs Tours block is built specifically for WordPress with Gutenberg as the primary builder. While it supports Elementor and Bricks, it is designed to function optimally within the Gutenberg environment. If you're using a different page builder, functionality may vary.

**Q: How can I change the tab icons on hover?**
A: To change the tab icons on hover, refer to the guide on [How to Change WordPress Tabs on Hover](https://nexterwp.com/docs/change-wordpress-tabs-on-hover/). This feature allows for dynamic interaction, enhancing user engagement by providing visual feedback as users navigate through your tabs.