- This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by Theme Horse Support Team.
-
AuthorPosts
-
January 5, 2017 at 11:01 pm #49048maria.wemberParticipant
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:
Thank you so much for your help!
Kind Regards
Maria
January 10, 2017 at 5:44 am #49192Theme Horse Support TeamKeymasterHi 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.
January 10, 2017 at 9:04 am #49202maria.wemberParticipantI 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
January 16, 2017 at 7:40 am #49351Theme Horse Support TeamKeymasterHi 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!
-
AuthorPosts
- You must be logged in to reply to this topic.