Can you post a screenshot of the problem?
Thanks for the quick response…I would like the left column to run into the footer no matter how many images or how much text is added. As seen in the first image.
https://farm9.staticflickr.com/8729/17025212542_742e6e1463.jpg
With a fixed height in the css I would run into the issue in the below image, where the left column stops.
https://farm8.staticflickr.com/7642/16819247907_596e40c684_z.jpg
Does that make sense?
The issue is that the height of the sidebar is ‘not controllable’. If you have 1 widget, 12 or 99 that will vary the height of the sidebar.
I would set the background of the containers of the areas needed to be your desired color regardless of ‘height’, set the content color as shown, and be done.
Good themes know how to do this.
To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool
There are others.
When editing CSS, use a Child Theme
http://codex.wordpress.org/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.
Learn CSS: http://www.w3schools.com/css/
Pioneer Valley Web Design…thanks for the response!
I am attempting to apply band-aids on a hacked up theme my client doesn’t want to change. Trust me, if I had control of this project from the get go I would not have chosen the bad theme to start off with.
Can you explain your above info a little more?
You wrote: I would set the background of the containers of the areas needed to be your desired color regardless of ‘height’, set the content color as shown, and be done.
I am a designer and not fully versed in developing with code. Can you point me to any good links along the lines you describe above? I am willing to learn!
Try setting the background colors as:
.container {
background-color: #00b295;
}
#primary {
background-color: white;
}
Can you screenshot that bit of code for me? I am having trouble locating it in the css? 🙁
It’s not on your site – I’m suggesting that you ADD it to change the colors of the background areas. Not positive it will work totally but worth a try or start.
ok…that makes sense. I’ll give it a go. I think that would require a little more research on my part to get that to work. I’ll give it a go and report back.
Thanks again for the help!
