Twenty ten navigation text color

  • I’m trying to change the hover over text color in my navigation menu.

    #access ul {
   display:inline-block;
   background-color: #ddd;
}
#access ul a:hover{
  color: #fff !important;
}

    Is some of what I have, I’ve tried different things but can’t get it to change. I’ve added !important to the line, nothing seems to work.

    https://test.zeaks.org is the site. Any help is appreciated, thanks.

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

  • Looks like your external CSS is being over-ridden by the in-header style – specifically:

    #access a {
color:#495965 !important;
display:block;
font-size:16px;
line-height:28px;
padding:0 8px;
text-decoration:none;
}
    Thread Starter zeaks

    (@zeaks)

    I’m using twenty ten weaver, usually adding !important will overide the admin option colors, but that code you linked is what I’ve added to the sub theme.

    I’f I remove the color:#495965 !important; from it, I’m still unable to change the hover over colors.

    #access a:hover { should change it normally shouldn’t it?

    According to Firebug, the CSS I posted above is still taking precedence. and, if it’s in the head section of the page, it will almost always take precedence over external style. Be careful about over-using !important. It’s very easy to get into a terrible mess with it. Ideally it should only ever be used as an absolute last resort. Far better to edit the theme’s CSS to fix the problem than try and force something via !important.

    I don’t know 20120 Weaver but I’d be surprised if you can’t edit the CSS via the theme’s options or the external CSS.

    Thread Starter zeaks

    (@zeaks)

    The way Weaver works is, there’s a section in admin to add your own css rules, it adds them to the <head> section, I guess that’s why you’re seeing it there.

    I thought it might have something to do with the cufon fonts i’m using, I believe it was you who helped me with a widget title issue earlier and that was the case.

    Thanks though, I’ll look into it more.

    I think I’ve figured it out, you were right about styles overriding it, just a different one, and the use of !important, thanks again.

    I don’t think cufon is causing any problems in this particular instance. Your best bet is probably looking at ways to target your CSS that is added to via the admin option a little more specifically so that you’re not having to over-ride it somewhere else. In this case, probably, the more specific, the better.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty ten navigation text color’ is closed to new replies.