I will assume that you know how to use css code to change colors by your statement above. I think this is what you are looking for:
/* Menu Items */
.navbar .nav > li > a {}
/* Menu Hover */
.navbar .nav > li > a:hover {}
/* Menu Current Selected */
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a {}
yes, i understand css coding a bit, a beginner though.
the menu items and menu hover coding seems to only control the menu text other than the “home” text. which is how i originally discovered that “home” was not changing color.
when i add the “menu current selected” coding it seems to change the background color of the rest of the website, not the menu box area. :/
Here is the menu css for THIS SITE. Take a look at the site and the css below.
The Menu items are Black, hover is blue, and current is red.
.navbar .nav > li.current-menu-ancestor > a, .navbar .nav > li.current-menu-item > a {
color: #F00;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
background-color: transparent;
color: #0000ff;
text-decoration: none;
}
.navbar .nav > li > a {
float: none;
text-decoration: none;
text-shadow: 0px 1px 0px #FFF;
color: #000;
font-size: 20px;
padding: 5px 10px;
}
.navbar .nav > li > a:first-letter {
font-size: 25px;
}
Thanks…works now.
Still can’t get the menu background color to change though…will start at new topic.
