Making A Short Sidebar Full Length

I was working with a StudioPress Child Theme – Brunch Pro Theme and the designer wanted the sidebar to go all the way to the bottom of the full page text (not stop where the text ended). It just requires a little “thinking outside he box”. Basically, we just add alot to the “padding-bottom” to force the background to go all the way down. Then, we can use a negative margin of the same amount to bring us right back where we left off. The code looks something like this:

.sidebar-content .content-sidebar-wrap {
    overflow: hidden;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
    float: left;
    background-color: #f4f2e4;
    margin-bottom: -5000px; /* any large number will do */
    padding-bottom: 5000px; 
}