Moderator
t-p
(@t-p)
It will be more useful if you provide url of your site, and point to the area you want tweaked.
Here is my dev site…
http://davidkiessling.com/amy/
I want to change the background in left sidebar menu from black to green (color #339933)
Try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/
Fixed. Thanks the Firebug add-on helped.
There is actually two CSS color settings that need to be changed in
#menu-secondary to change the left sidebar nav menu background menu. Took awhile to figure out… I just started commenting the code out until I isolated the variables.
My changes may not have been updated immediately which may have delayed the diagnosis.
hi guys. I think I’ve got the same imdkiessling problem.
I wanna change the background colour of the secondary menu located on the left of the page. please can you help me? where i can change this set? I think in the style.css file but I need some help. Thanks and sorry for terrible english, I’m italian.
sorry guys, just fixed my problem 😉
I’m trying to make similar changes to the theme could you please let me know the exact steps you have followed to change the color, thanks
Hello, There is the same question.
But unfortunately i can’t found the answer((
I make my website http://www.quimpylu.ru, but one of the main problems is this black second menu.
What have I do in order to make it with another colour?(I want this black rectangleans to be light-grey, and the font – dark grey.
Thank you and I am sorry for my English ^^
In admin tools.
Click Appearance
Click Editor
Click style.css
Find #menu-secondary [try ctrl+ F] Change color value highlighted in bold
#menu-secondary {
font-size: 14px;
width: 100%;
margin: 0 0 10px 0;
float: left;
clear: left;
position: relative;
background: #66CC33;
margin-bottom: 25px;
z-index: 2;
Find #menu-secondary li [try ctrl+ F] Change color value highlighted in bold
#menu-secondary li a {
font-size: 0.8333333333333333em;
line-height: 1.2em;
display: block;
padding: 1.1em 1.2em;
text-transform: uppercase;
color: #000000;
background: #66CC33;
border-bottom: 1px solid #66CC33;
Your best bet would be to download the Firebug plugin. It takes some time to get use to but it is vital if you want to learn to edit templates. In Firebug try editing some of the CSS values in the right panel…you’ll see the results of your changes without actually committing the changes.
Thank You very much!!! I will do it, as you advese 🙂
