Main Menu - Font Color and Background

Hi,

How can I change the our main menu button font color when the button is active or in hover mode?

Thanks,
Rex

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu li.current-menu-item a {
color: red;
background-color: green;
}
#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
color: red;
background: green;
}
 
#menu .ddsmoothmenu li li a:hover{
color: red;
background: green;
}

In place of "red" and "green" you can put your color or color code.
This will solve your issue.

 

Looks great, but it bring up a couple of additional questions.

1. How can I change the menu font main color (i.e. neither current nor hover) to black? Right now it is the color that I have set for all site links and I need to override that.

2. I have a drop down menu under some of my main menu buttons. When the main menu button is in current status, the drop down items' font is the correct color (in this case white). However, when the main menu button is in hover status, the drop down items' font is not the correct color, but is instead the same color as the font on an inactive button. What can I do to make sure that the the drop down items' font is the correct color in hover status so that it matches the top level items' font in hover status?

Thanks,

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a{
color:yellow;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited{
color:yellow;
} 

 

Gourav,

I currently have the custom CSS displayed below. However, the sub-menu item text remains black unless and until active. Can you please suggest how I may accomplish my objective. Do I need all of this? Or can it be simplified further?

/*===MENU FONT AND BACKGROUND===*/

#menu li a {
font-weight: bolder ! important;
}

#menu li.current-menu-item a {
color: #ffffff!important;
background-color: #a10c1f;
}

#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
color: #ffffff!important;
background: #a10c1f;
}

#menu .ddsmoothmenu li li a:hover{
color: #ffffff!important;
background: #a10c1f;
}

#menu li a{
color:#000000!important;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited{
color #ffffff;
}

 

Hello,

Could you please share us your website link.

 

Website is http://idenforcer.com/. Temp password is - inky.

Thanks so much,
Rex

 

Hello,

please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
I will check and resolve your issue

Thanks & Regards
Nitesh Raghuwanshi