I can't figure out how to simply change the text hover color for my menu. URL is www.kerncattlewomen.org.
Here's my code in from the snippets -
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 30px;
padding-top: 5px;
margin-top: 0px;
background: url(/wp-content/themes/atahualpa/images/notepaper.jpg);
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
border: none 0px;
background: url(/wp-content/themes/atahualpa/images/notepaper.jpg);
padding-left: 15px;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
background: transparent !important;
color: #7d491a !important;
margin-right: 10px;
}
div#menu1 ul.rMenu li a:link {font-weight: bold;},
div#menu1 ul.rMenu li a:hover { font-weight: bold;},
div#menu1 ul.rMenu li a:visited {font-weight: bold;},
div#menu1 ul.rMenu li a:active {font-weight: bold;}
I had thought perhaps the last two blocks might conflict with each other, but everything is working as I want it with the exception of the text hover color. I've tried adding it in the last section, where the text is bolded, and I've tried adding it to the section directly above that, but that isn't working either.
Also, in the menu settings available in the theme options, it is set to the color I want, however it's still not working, so clearly something is conflicting. Please help!