How remove the grey hover effect?

  • Resolved semperaye

    (@semperaye)


    7 years, 10 months ago

    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

    (@shazahm1hotmailcom)

    7 years, 10 months ago

    @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

    (@semperaye)

    7 years, 10 months ago

    #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.