[Migrate226]

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?

[Sanjip Shah]

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

[Stefan]

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.

[Theme Horse Support Team]

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

[Stefan]

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

[Theme Horse Support Team]

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.

[Stefan]

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

[Theme Horse Support Team]

Ok Great stefan

Thank you for using our theme.

[Author]

Posts