Twenty Ten Navigation Bar Colour Change

  • I am just wondering if anyone can please tell me how I change the colour of the Navigation Bar from black to white, and then the colour of the text from white to black.

    I tried looking in the Styles.css, but don’t really know what it is that I need to change.

    Many thanks.

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

  • Find #access in style.css and change the properties accordingly.

    #access {
    background:none repeat scroll 0 0 #FFFFFF;
    color:#000000;
    }

    Thread Starter Web4businessSydney

    (@web4businesssydney)

    Many thanks for your response. I will try that.

    I’m loving the Twenty-Ten theme…

    I was wondering how to change the text on the default “Home” tab to “Blog.”

    Where do I do this in the style.css?

    thanks in advance! ad

    Fail. ??

    Hi, I tried Gisha James’solution to changing nav bar colours but could not get it to work. It seems very logical and easy but doesn’t work. Does anyone have any other ideas? Thanks, Tim

    I have found a solution, but not sure if it is very efficient – seems to work though. This code added to my child theme changes the background color of the menu bar to white, the page links to black, and the active page link to red…

    #access {
    background: #ffffff;
    display: block;
    float: left;
    margin: 0 auto;
    width: 940px;
    }

    #access a {
    color: #000;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
    }

    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
    color: red;
    }

    Hi, is there any way of moving the menu bar down a little so that it doesn’t touch the header?

    I’ve worked it out.
    I just added this: 

    #header #access{
top: 10px;
position: relative;
}

    Thanks Tim, I’ve just tried your suggestion and it worked really nicely.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Twenty Ten Navigation Bar Colour Change’ is closed to new replies.