You are right putting your new folder under /wp-content/themes/.
A popular problem is having an incorrectly coded “Theme:…” line at the beginning of your child theme. If that doesn’t have the exact folder name of the parent theme folder, it won’t work.
Details here:
http://codex.wordpress.org/Child_Themes
Hi Mark,
It is not easy adding a background color to the sidebars.
The problem being that if the content is taller than the sidebar you have the sidebar block in the color and the space underneath white.
You would also need to add a little padding as well.
#primary, #secondary {
background: f1f1f1;
padding: 5px 8px;
}
In a magazine theme I am working on I use clear:both; to make the posts in the two column sections the same height so the titles line up in the next row.
Try:
#content{
clear:both;
}
Or add a clearing div
<div style="clear:both;"></div>
If it does not work I think Esmi had a bit of css that will make the content and sidebar area’s the same height.
Not sure why the comment is in your dynamic style which tutorial or post was it from as you should remove my comment line.
David
If it does not work I think Esmi had a bit of css that will make the content and sidebar area’s the same height.
Ooo – I got invoked! 😉
Do you mean something like:
.sidebar:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Can’t recall if I’ve ever used that to pull a column down but it’s darn useful for clearing all floats.
I tried it not working with #primary:after, I think it would need to be wrapped in a new div for twenty ten.
I have done it once before and if I remember I created a new container to wrap the content and sidebar with the background color.
I then made the sidebar background transparent and the content background white.
HTH
David
After getting the path fixed for the child theme, I was able to change the sidebar widget area background color. I tried the suggestions on column height but they haven’t worked. Althought it would be nice to be able to do this without hacking the core code, I expect the sidebar to have several widgets so it may not be visually distracting.
My goal is to make the layout look like this design. How can I layer the #content and #primary and #widget-area to achieve this?
