Cannot change menu color from white!

  • Author
  • #515237


    Hi everyone! Im a newbie to CSS and im trying to figure out how to get my menu to go back to a black font. At the minute i have managed to change it so that the hover goes to grey, but the original text appears to be white and I cant seem to find the code to change it to black? Website:

    Here is the code:

    .sf-menu ul {list-style: none;padding: 0;margin: 0px 0 20px 0;background-color: #fff;font-size: 1em;height:40px;}
    .sf-menu ul li {text-align: left;float: left;height: 40px;margin: 0;background: #fff;border-right:1px solid #fff;padding: 0;}
    .sf-menu ul li a {display: block;width: 100px;padding: 7px 5px 22px 7px;color: #fff;font-size: 11px;text-decoration: none;text-shadow: 0 0 0 #000;}
    #navcontainer>.sf-menu ul li a {width: auto;height: auto;height: 8px}
    .sf-menu ul li a:hover,.sf-menu ul li#active a:hover {color: #666;background-color: #fff;}
    .sf-menu ul li#active a {background: #000;color: #000;}
    .sf-menu ul li.home {border-left: none;}
    .sf-menu ul li li {border:none; border-bottom: 1px solid #333;}



    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at If your question is about a self-hosted WordPress blog then you’ll find help at the forums.

    If you don’t understand the difference between and, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

The topic ‘Cannot change menu color from white!’ is closed to new replies.