Hi,
I think you are talking about the top navigation bar. To change the color of the top navigation bar, simply put the following piece of code in the child theme’s style.css file.:
#access {
background: red;
}
In the place of red, put your desired color name or hex code. Hope it will work!
I put the code above into the style.css file in my twentyeleven-child directory. But, when I view the edit function of my twentyeleven theme, I see that it is still referencing the parent style.css file. How can I get it to recognize or use the child style.css instead?
Thanks!
-Matt
Have you added the following few lines in the top of the style.css of the child theme?
/*
Theme Name: Twenty Eleven Child Theme
Author: Me
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");
Please visit esmi’s link too to know how to create a child theme.
I have reviewed the child theme link, and input both the code above, and activated the child theme in my dashboard. The header image changed to one of the stock header images, where I had previously loaded my own custom image for the header. That’s not what I wanted to changed…What I am trying to change is the color of the black nav bar that runs across the bottom of the header image…where the Home and Search features are located. Any ideas?
Thanks again…
The header image changed to one of the stock header images, where I had previously loaded my own custom image for the header.
A child theme is still treated as a new theme. As custom headers are saved on a per-theme basis, you just have to re-upload your custom header into your child theme.
With regard to the rest of the changes, can we see your site?
Ok, I’ve reloaded my own header image, which looks fine. But I still cannot figure out how to change the color of the black navigation bar that runs across under the header. Here is my site at the moment:
http://www.mbryantstudio.com/
And here is everything that I have added so far to the top of the child theme:
/*
Theme Name: Twenty Eleven Child Theme
Author: Me
Template: twentyeleven
*/
@import url(“../twentyeleven/style.css”);
#access {
background: red;
}
And a new funky thing….normally just to the upper right of the entry there is a quote bubble that highlights when you roll over it to add a comment…for some reason it has turned into a square!
Start by removing all the parent CSS that you’ve pasted in the child’s stylesheet