WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

With the 20-11 theme i would like to make the sidebar one long color. I have no idea how long my page are and i need the sidebar height to be the same as the post height. Right now when i do #secondary { background-color: green; } the green is only as long as it needs to be so it is extremely short. How do i get it all the way down?

share|improve this question

closed as off topic by Rarst Nov 10 '11 at 23:04

Questions on WordPress Development Stack Exchange are expected to relate to WordPress within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

Purely CSS questions are not in scope of the site. – Rarst Nov 10 '11 at 23:04
up vote 0 down vote accepted

The simplest way to create the solid color side bar is with this CSS:

#branding { background-color: #ffffff; }
#page { background: #ffffff url(path_to_image) repeat-y; }

Replace #ffffff with the appropriate color used in your template (if they are different). The "path_to_image" would need to be pointed to an image file that is 1000px wide and 1px high. The image itself would contain the sidebar color starting about 800px from the left.

share|improve this answer
This is the wrong answer. You should never have to use a "1000 by 1px" image. – GavinR Nov 11 '11 at 1:50
@GavinR: Unfortunately out of all the answers i found online (which includes SO and a my own question on SO) this is the only method that works. – acidzombie24 Nov 11 '11 at 11:32
Marking an answer as useful does not make it the "right" answer. My claim is that this method is the "simplest way..." There is indeed a way to accomplish what was asked sans CSS image, but my approach is different and that's the answer I provided. @GavinR, If you believe it is wrong, please feel free to elaborate. – ddcast Nov 14 '11 at 17:55

Not the answer you're looking for? Browse other questions tagged or ask your own question.