Change the hover color on menu

Tagged: hover, menu

This topic has 7 replies, 5 voices, and was last updated 10 years, 8 months ago by Theme Horse Support Team.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
January 20, 2014 at 6:13 pm #6555

Migrate226
Member

Hi, how do I change the color of the hover effect on the menu bar? When I go into my css this is what I see:

}
#access a {
color: #fff;
display: block;
float: left;
font-size: 14px;
text-transform: uppercase;
padding: 16px 0 0;
height: 39px;
}
#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 {
color: #fff;

Is there another spot to change the hover to white?

January 22, 2014 at 5:52 am #6603

Sanjip Shah
Participant

@Migrate226 Can you post a link to your site and I will look into it.

March 29, 2014 at 5:33 pm #9119

Stefan
Participant

Hello, great theme and thx lot for it.
I was looking arownd in the forum and i’m not sure if this is the same thopic but it sounds like it is.
Sorry if this sounds stupid but is the hover efect the illuminate effect you get when you point the page with your mouse pointer and also when you are on a specific page. If it is i’m looking for a way to change it so pls help.
here is the link —> http://www.karaivanova.com
Thx in advance.

March 30, 2014 at 2:43 pm #9125

Theme Horse Support Team
Keymaster

Hi Stefan

You want to change the font color or anything else ? I didnot get exactly what you mean. Could you explain it clearly. It would be better if you send us screen shot too

Regards

Sunil

March 30, 2014 at 3:41 pm #9126

Stefan
Participant

Hello, and thx for the reply.

It’s about the 1 effect on the main menu —> you see on the image below the font color of the menu is black – .

But when you move the mouse pointer over a page from the menu(in this case are the home and the calendar page)
–
the font color is becomming brighter(here is a link to the image if it is easy for you to see it) –> http://postimg.org/image/p3xwcugob/

I’m new in web design so i was not sure is this the one you call “the hover effect”. That’s why i posted in this topic, cause if it is exactly that one, no need to creat new topic for something allready posted.

And the main point is how i can remove it or change it to some other color (cause i don’t like the way it stands on the web site). I mean if this can be changed by applying custom CSS, what exact code do i have to add to change it. Hope you get me now.
Here is the link of the site if you need it —> http://www.karaivanova.com
Thx in advance.

Regards

Stefan

April 3, 2014 at 5:37 am #9210
Theme Horse Support Team
Keymaster
Hi Stefan,

To change the menu hover drop-down color Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes 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: #05A9C5;
}
```
Note: Change above color 05A9C5 code to your own Hex color code to change the menu hover drop-down color

Thank you for using our theme.
April 3, 2014 at 7:50 pm #9241

Stefan
Participant

Sunil thx alot, it worked like a charm 🙂 you and your theme are great !

April 4, 2014 at 4:54 pm #9262

Theme Horse Support Team
Keymaster

Ok Great stefan

Thank you for using our theme.
Author

Posts