Need help? Check out our Support site, then

Change menu bar color in twenty-ten theme?

  1. Hi, I would like to change the color of the line on top of the image and the menu bar beneath the image in the Twenty Ten theme. I've tried a few things in CSS and nothing seems to work.


    The blog I need help with is

  2. We need a link to the blog you are talking about please.

  3. Sorry--

  4. Add this to your custom CSS and change the #000000 hex color codes to your desired color.

    #branding img {
    border-bottom:1px solid #000000;
    border-top:4px solid #000000;
    #access {
    background:none repeat scroll 0 0 #000000;
  5. Thanks! Works

  6. You're welcome.

  7. Hello!

    I've tried to add this code to my custom css code to change my menu from black to white and it doesn't seem to be working. Is there something I'm missing?

    #branding img {
    border-bottom:1px solid #000000;
    border-top:4px solid #000000;

    #access {
    background:none repeat scroll 0 0 #000000;

  8. Did you change the hex color code listed in the background declaration under #access? The code shown in my example is black.

    The border declarations under #header img have to do with the top and bottom border on the header image.

  9. Thanks so much, worked like a charm!

  10. You're welcome.

  11. Thesacredpath you have been so helpful - may I ask a question?

    What about changing the drop down menu color as well as the menu font color.

  12. Mix and match these to set the background and text colours for normal and hover states, all you need to do is change the hex colour codes:

    #access li:hover > a, #access ul ul:hover > a {background:#f00; color:#f0f;}
    #access ul ul a {background:#0f0;}
    #access a {color:#00f;}
  13. Thank you that worked well.

    Now I am tinkering with the color of font in my side bar. ADVICE? I would like the font color to be :#cc193f

  14. Specifically for the catergories, links and latest post. The titles may remain black.

  15. This will do the links:

    #primary a, #secondary a {color:#cc193f;}

  16. Wait, did you change themes or am I imagining it?

  17. Nope still 2010, just CSS tinkering. :)

  18. Hallluke you are marvelous!

    My last tinker is increasing the height of the header photo? Is that even possible?

    Again thanks for your advice I am really grateful. - Kathleen

  19. I am trying this but I must be doing something wrong. Maybe adding it to the wrong editor area. I am so new to all this.

    I would like to change the two lines on twentyten that are on top and bottom of header to white with black text on the menu bar. Help :D

  20. @rachelmatos
    You are posting to the wrong support forum. We do NOT provide support on this forum for wordpress.ORG installs like yours. You must post to the correct forum for your software and it's here > http://wordpress.ORG/support/

    For clarity read the sticky post at the head of this forum please >

  21. OK. Will do. Thanks.

  22. You're welcome. The key to knowing which forum to post to is to click the link in the footer of your blog. It states "powered by WordPress" and when you click it you arrive here http://wordpress.ORG

  23. And here's how to replace the header image. It'll also hide the navigation links properly, rather than just changing them to be all white. You'll need to add in the URL and modify the height until it fits the new image:

    #branding {overflow:hidden;}
    #branding img, #access {display:none;}
    #masthead {background:url("IMG_URL") bottom left no-repeat; height:250px;}
  24. Hi Guys,

    Looked around on here a little, so apologises if this is the wrong thread, But I think I've hidden my menu bar, can't remember if I tinkeered with css or whether I did it thru the dashboard.

    Any help gratefully appreciated.


  25. How do I change the color of the blog title above the header and title in the footer (which are currently black) in Twenty Ten? And is it possible to change the height of the header image?

    I'm at

    Thank you, Sharon

  26. @paulnjulia: Hi. You have a self-hosted WordPress.ORG blog and are in the wrong forum. Please ask your question on

    You are currently in a WordPress.COM forum and our answers will not apply to your situation. Thanks and I hope you find a solution to your problem soon.

  27. Oh yes, and how do I get the "home" and "about" links to show a color, like a gray, after I have removed the black menu bar as described above

    Sharon again at

  28. And one more question. Why are some people using and some, like myself, Can one achieve the same visual and functional blog result with either?

    I am very new to this.


  29. In the order you asked these code snippets will change the blog title colour in both places, replace your header image with one that is taller (you need to add in the new URL and manually change the height to something that fits, I'd recommend your new image height plus 50 pixels) and change the navigation text colour to grey. Finally here is a link to the support page on the differences between the COM and ORG versions of wordpress.

    #site-title a, #site-info a {color:#f00;}
    #branding {background:url("URL") bottom left no-repeat; padding-bottom:350px;}
    #branding img {display:none;}
    #masthead #access a {color:#888;}

Topic Closed

This topic has been closed to new replies.

About this Topic