Help with hover – menu is white!

  • Hi everyone! Im a newbie to CSS and im trying to figure out how to get my menu to go 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? Here is my 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;}”

Viewing 4 replies - 1 through 4 (of 4 total)

  • style.css:

    .sf-menu ul li a:hover, .sf-menu ul li#active a:hover {
background-color:#111111;
color:#FFFFFF;
}
    Thread Starter suizka

    (@suizka)

    thanks! Im just wondering if i have to replace this on the line with the same text or do i add this on additionally?

    That’s the CSS that you may want to change.

    Thread Starter suizka

    (@suizka)

    I really dont know whats going with it – i managed to change the background to white, and then change the font to a dark grey with a hover of green. Working perfectly until i click on the different menu tabs and they weirdly then change to white again?!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with hover – menu is white!’ is closed to new replies.

Tags