Title: How remove the grey hover effect?
Last modified: July 22, 2018

---

# How remove the grey hover effect?

 *  Resolved [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-remove-the-grey-hover-effect/)
 * Hello,
 * How can I remove the grey hover effect for the TOC? I couldn’t find an option
   so I was messing around with the custom css but can’t figure it out. Here is 
   what I’ve tried:
 *     ```
       #ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
           background-color: #00ffffff;
       }
   
       #ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::after {
           background-color: #00ffffff;
       }
       ```
   
 * Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Steven](https://wordpress.org/support/users/shazahm1hotmailcom/)
 * (@shazahm1hotmailcom)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-remove-the-grey-hover-effect/#post-10519301)
 * [@semperaye](https://wordpress.org/support/users/semperaye/)
 * Perhaps this will work:
 *     ```
       #ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
           background-color: #00ffffff !important;
       }
       ```
   
 * The likely reason it is not working for you at the moment is because the CSS 
   for the background color is output right before the widget. So, if your custom
   CSS is in the page head, it will be overridden by the ezTOC widget CSS. Adding
   the `!important` flag might prevent the widget CSS from overriding your CSS.
 * Hope this helps!
 *  Thread Starter [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-remove-the-grey-hover-effect/#post-10521039)
 *     ```
       #ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
           background-color: #00000000 !important;
       }
       ```
   
 *  Worked

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How remove the grey hover effect?’ is closed to new replies.

 * ![](https://ps.w.org/easy-table-of-contents/assets/icon-256x256.png?rev=3045459)
 * [Easy Table of Contents](https://wordpress.org/plugins/easy-table-of-contents/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easy-table-of-contents/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easy-table-of-contents/)
 * [Active Topics](https://wordpress.org/support/plugin/easy-table-of-contents/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easy-table-of-contents/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easy-table-of-contents/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [semperaye](https://wordpress.org/support/users/semperaye/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/how-remove-the-grey-hover-effect/#post-10521039)
 * Status: resolved