en WordPress.com Forums › CSS Customization

Change menu bar color in twenty-ten theme?

1 2
  • Author
    Posts
  • #537315

    cloudmarla
    Member

    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.

    Thanks!

    The blog I need help with is alphanovember5.wordpress.com.

    #537416

    thesacredpath
    Staff

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

    #537422

    cloudmarla
    Member

    Sorry–http://alphanovember5.wordpress.com

    #537423

    thesacredpath
    Staff

    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;
}
    #537424

    cloudmarla
    Member

    Thanks! Works

    #537425

    thesacredpath
    Staff

    You’re welcome.

    #537713

    jamieleighmoore
    Member

    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;
    }

    #537714

    jamieleighmoore
    Member

    My blog is http://youngmechanic.wordpress.com

    #537715

    thesacredpath
    Staff

    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.

    #537716

    jamieleighmoore
    Member

    Thanks so much, worked like a charm!

    #537717

    thesacredpath
    Staff

    You’re welcome.

    #537718

    kathrasher
    Member

    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.

    http://kathleenssugarandspice.com

    #537719

    hallluke
    Member

    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;}
    #537720

    kathrasher
    Member

    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

    #537721

    kathrasher
    Member

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

    #537722

    hallluke
    Member

    This will do the links:

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

    #537723

    hallluke
    Member

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

    #537724

    kathrasher
    Member

    Nope still 2010, just CSS tinkering. :)

    #537725

    kathrasher
    Member

    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

    #537726

    rachelmatos
    Member

    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

    http://www.theartmuse.net

  • Author
    Posts
1 2

The topic ‘Change menu bar color in twenty-ten theme?’ is closed to new replies.