Try below and see how you get on;
.main-navigation li a {
color: #000;
}
.main-navigation .current-menu-item > a, .main-navigation .current_page_item > a {
color: ###;
}
Not sure that changed anything. When you are not moused over it,
Here is a link to the site
http://pwdocs.votesjc.com/
You can see what I mean….
Hi WayneFusco,
To change the colour of the link in its up state;
.main-navigation li a {
color: #000000;
}
Change #000000 to whatever hex colour you want. For example, if you want red change to #FF0000. See http://www.color-hex.com/
To change the colour of the link when you hover;
.main-navigation li a:hover {
color: #000000;
}
Again change #000000 to whatever colour you want as above.
To change the properties of the dropdown in its up state you will need to edit
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
To change the properties of the dropdown on hover you will need to edit the code below to whatever colours you want.
.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
}
Hope this helps.
