Change menu bar color in twenty-ten theme?

cloudmarla · Member · Nov 12, 2010 at 8:30 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Nov 12, 2010 at 9:04 pm
Copy link
We need a link to the blog you are talking about please.
cloudmarla · Member · Nov 12, 2010 at 9:22 pm
Copy link
Sorry–http://alphanovember5.wordpress.com
thesacredpath · Member · Nov 12, 2010 at 9:26 pm
Copy link
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;
}
```
cloudmarla · Member · Nov 12, 2010 at 9:42 pm
Copy link
Thanks! Works
thesacredpath · Member · Nov 12, 2010 at 9:46 pm
Copy link
You’re welcome.
jamieleighmoore · Member · Dec 18, 2010 at 2:30 pm
Copy link
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;
}
jamieleighmoore · Member · Dec 18, 2010 at 2:31 pm
Copy link
My blog is http://youngmechanic.wordpress.com
thesacredpath · Member · Dec 18, 2010 at 6:10 pm
Copy link
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.
jamieleighmoore · Member · Dec 21, 2010 at 1:15 am
Copy link
Thanks so much, worked like a charm!
thesacredpath · Member · Dec 21, 2010 at 2:33 am
Copy link
You’re welcome.
kathrasher · Member · Dec 21, 2010 at 10:06 pm
Copy link
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
hallluke · Member · Dec 21, 2010 at 10:35 pm
Copy link
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;}
```
kathrasher · Member · Dec 21, 2010 at 11:34 pm
Copy link
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
kathrasher · Member · Dec 21, 2010 at 11:35 pm
Copy link
Specifically for the catergories, links and latest post. The titles may remain black.
hallluke · Member · Dec 22, 2010 at 2:54 am
Copy link
This will do the links:

#primary a, #secondary a {color:#cc193f;}
hallluke · Member · Dec 22, 2010 at 2:55 am
Copy link
Wait, did you change themes or am I imagining it?
kathrasher · Member · Dec 22, 2010 at 2:54 pm
Copy link
Nope still 2010, just CSS tinkering. :)
kathrasher · Member · Dec 22, 2010 at 3:40 pm
Copy link
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
rachelmatos · Member · Dec 22, 2010 at 7:28 pm
Copy link
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

No items found.