Hi Vinay,

Thanks for clarifying

Best Regards,

Spleeky.

• This reply was modified 8 years, 6 months ago by spleeky.

I think i’ve made some progress , i have this code in my child style sheet

#avia-menu .avia-menu-text {
    font-size: 12px ;
	color: red   ; 
}

#top .main_menu .menu li a:hover { background-color: #6ab2b5; color: white !important; }

The first bit of code, changes the font size of the menu item, and changes the colour of the text.
The second bit of code changes the styling for the menu item when it’s hovered.

I’ve discovered if i take the color statement out of the first bit of code so have this instead

#avia-menu .avia-menu-text {
    font-size: 12px ;
	}

#top .main_menu .menu li a:hover { background-color: #6ab2b5; color: white !important; }

Now the font colour changes as desired when it’s hovered over.
So the first colour statement seems to be applying to hover and normal state.

How do i fix this?

thanks

• This reply was modified 8 years, 6 months ago by spleeky.

Hi anyone have some advice, thanks