Can't disable mouseover effects in Rubine theme

  • Can anyone help me?

    I’m developing a site for a friend. I am using the Rubine theme.
    When I roll the mouse over a menu option, the box turns white. However, I cannot find the right CSS selector and code to either change the colour or disable that effect altogether.

    Can anyone shed any light?

    Thanks.

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

  • In your Child Theme or CSS Editor try this code:

    #mainnav-menu li.menu-item:hover a {
    background: none repeat scroll 0% 0% #FF0000;
}

    Just edit the #FF0000(Red) to your color or if you want to remove it just do:

    #mainnav-menu li.menu-item:hover a {
    background: none repeat scroll 0% 0% transparent;
}
    Thread Starter bluewomble88

    (@bluewomble88)

    Thank you, it worked perfectly.

    Please could you help me understand why I couldn’t find this when I inspected that element using Firebug? I can’t find a reference to “hover” anywhere but it clearly is present somewhere to render the white box when I mouseover each block.

    Many thanks.

    Kinda hard to explain but knowing some CSS I just found the menu class and added the ‘:hover a’ to it.

    Personally I don’t use FireBug, you can just right click and use Inspect Element

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't disable mouseover effects in Rubine theme’ is closed to new replies.