[maria.wember]

Hello,

I want to change the hover color in my menu but it doesn’t work..

I already tried different ways, but nothing helped.

Here are the two codes which I tried:

1. #access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a,
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
color: #0faf97;
}

2. .nav-menu > li a:hover {Color:#0faf97 !important;}

Could you please correct me with the code? Maybe anything else is wrong?

This is my website:

http://www.lincontro-unna.de/

Thank you so much for your help!

Kind Regards

Maria

[Theme Horse Support Team]

Hi Maria,

To change the menu hover color go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a, 
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a,
#access ul li:hover > a,
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
	color: #a9181f;
}

You can upgrade to Attitude Pro where you can change theme color skin easily as well as have lots of option that you will enjoy.

Thank you for using our theme.

[maria.wember]

I tried it on a test-theme and it dosen’t work. It also doesn’t work width an !important behind the colour?

Could you please help me again? I only want to change the colour in the menu…

Thank you very much!

Maria

[Theme Horse Support Team]

Hi Maria,

Please remove the override code below from your custom CSS option which you have added before.

a {
    color: #a9181f !important;   
    font-weight: 550 !important;
}

Let us know it it still not works.

Thank you!

[Author]

Posts