Change hover font colour

Hiya,

I've managed to change the colour of highlighting the menus etc but how do I change the colour of the font when it's hovered over?

I.e. when I hover over a menu item, the font colour is currently still the default red of the demo site and I'd like to change. Also the colour of the bullet points of the submenu options.

Thank you!

Steph

Hi,
overwrite css - from white color to another, I use yellow in code below.

Code: Select all

#gkMenu ul.level0>li>div.childcontent a:hover,#gkMenu ul.level0>li>div.childcontent li:hover a,#gkMenu ul.level0>li>div.childcontent a:hover > span,#gkMenu ul.level0>li>div.childcontent li:hover > a > span,#gkMenu ul.level0>li>div.childcontent a:hover > span > span,#gkMenu ul.level0>li>div.childcontent li:hover > a > span > span {
   color: yellow !important;
}

Hiya,

Thanks but that's not the font colour I mean.. the white is fine.

It's when I hover a menu item and it turns the font colour from the dark grey to the dark red that is the Style 2 colour.

How do I change that?

Have a look at the site I'm working on http://www.esksidecakes.com/test/ I've made the block behind the current menu item a deep purple but if you hover over the red of the menu items, the font changes to the original red. How do I make it go to the purple?

Thanks!

Steph

The easy way,
it you want purple for all hovers

Code: Select all

a:hover { color:#4C163A;  }

or hovers only for menu items (for Top Menu - first lever)

Code: Select all

ul.gkmenu li a:hover { color:#4C163A;  }

Perfect, thank you Pavel!

I seemed to have missed that bit when replacing the colours.

Thanks!

Steph