try changing this code in your custom css
.main-navigation a:hover {
color: #7E5D26;
}
and this
.main-navigation li:hover > a {
background: none repeat scroll 0 0 #100D0A;
color: #7E5D26;
}
Hi Devora, thanks for the idea, but it doesn’t seem to be working.
Here’s what I have now in my custom css:
.main-navigation a {
color: #E0DDDD;
padding: 25px 15px;
}
.main-navigation a:hover {
color: #BFB197;
}
.main-navigation li:hover > a {
background: none repeat scroll 0 0 #100D0A;
color: #BFB197;
}
.main-navigation ul ul a:hover {
background: #BFB197;
color: #FDFDFD;
}
Well, i finally found the answer in main.css in the theme folder. Firebug rocks! Couldn’t access it through WP so I used filemanager to download and edit the file.
@professorfeathers Can you elaborate as to what you changed? Having the same issue.
@professorfeathers having same issue. Can you show your code. My changes in main.css don’t seem to work
Thanks
Here’s what I put in my main.css and it works:
.main-navigation a:hover {
/* Originally color: #7e5d26; */
color: #ffffff;
}
.main-navigation li:hover > a {
/* originally
color: #7e5d26;
background: #100d0a;
*/
color: #ffffff;
background: #62b562;
}
Using the CSS editor didn’t work because the > character gets converted to <. Editting style.css won’t work because main.css gets loaded AFTER style.css so the rules in main.css overwrite, so you have to download, edit and upload main.css. Be sure to scroll down to the section where the rules are for these 2 selectors and put your rules in in place of them.
Can some experts please help as I don’t know how to change the text and background color of the sub-menu (or drop-down menus). Currently it gives black text color on a dark background. many thanks.
