Accordion items background color hover effect

  • Resolved i54b

    (@i54b)


    3 years, 6 months ago

    Hello, I find it not possible to change the accordion item background-color hover effect. If I target div I can change the color to different however the original hover effect remains still in place over the whole width of the page. I would like to remove the effect altogether or set it to transparent if its not possible. Targeting any other element than div had no effect. Is it scripted in Java? I dont see any such css while inspecting elements.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor soarerobertdaniel7

    (@soarerobertdaniel7)

    Hi,

    To change or remove the hover effect you need to target this specific class in the Custom CSS option from the Block Settings: .wp-block-themeisle-blocks-accordion-item__title

    Select Accordion, and in the Custom CSS, you can write this code to remove the hover effect of changing color:

    
selector .wp-block-themeisle-blocks-accordion-item__title:hover {
   filter: unset !important;
}

    Notice the !important; this will force the browser to use that particular setting.

    This code is also available for putting it on the Accordion Item to change the hover effect on a particular tab.

    Thread Starter i54b

    (@i54b)

    thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Accordion items background color hover effect’ is closed to new replies.