---
title: "How to Change WordPress List Item Background on Hover?"
url: https://nexterwp.com/docs/change-wordpress-list-item-background-on-hover/
date: 2024-12-10
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to change the section background while hovering on a WordPress icon list item? List items are often used to show features, services, or other details on a..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Change-WordPress-List-Item-Background-on-Hover_-1024x519.jpg
word_count: 214
---

# How to Change WordPress List Item Background on Hover?

## Key Takeaways

- Nexter Blocks Stylish List changes a section background on icon list item hover.
- Interactive Links and Hover Background are enabled in the Stylish List block before adding a background color, gradient color, or image.
- All list items use the same background settings so the hover effect stays consistent across the list.

Are you looking to change the section background while hovering on a WordPress icon list item? List items are often used to show features, services, or other details on a website. Changing their background when hovered over can add a dynamic and visually appealing touch to the design.

With the Stylish List block from Nexter Blocks, you can easily change the section background on the icon list item hover.

*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. First, enable the **Interactive Links** toggle, from the **Extra Options** tab.

2. From the **List** tab, after selecting the appropriate layout type, open an item.

3. Then, enable the **Hover Background** toggle.

4. Then from the **Background **section, you have to add a background color, gradient color or image.

5. Following this process, you have to change the background of all the items to make the effect consistent. 

Now, based on your background settings for each item, when you hover over them, you’ll see the background changing.