Support » Themes and Templates » Connecting my sidebar w/ my footer

  • I’m using the 2010 Weaver theme. Right now I’ve got a white background on my main column, where the main content goes, and two black sidebars – one on the left, one on the right. I need to figure out how to get my black sidebars to connect with my black footer. Otherwise, the space in between is white, which I do not want.

Viewing 10 replies - 1 through 10 (of 10 total)
  • There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

    I would have linked it from the start, but I’m working on it locally.

    All I need to know is how to get my sidebar to extend to the bottom of the page.

    I don’t think you can always – it will depend on how tall the sidebars are with widgets, and how much content you have in the main column.

    You can tweak the “margin-bottom’ on #primary and #secondary to get rid of the 4 pixel white space when they finally do touch the footer, or change the size of the footer top border.

    That’s the point. It depends on the contents of the main column / how many widgets I have. I want them to extend to the bottom anyway. I refuse to believe there is no way to do this.

    Please let me know if you find a way to do this – I’ve been looking for an easy solution to that issue, literally for years.

    Some of the issue with Weaver does come from the order Twenty Ten (the parent theme) generates the div’s with the various areas. Weaver really can’t change that order, and there seems to be just so much one can do with floats and margins.

    Without having this in front of me I wouldn’t know for sure that this would work, but you could try having the content area and the sidebar both within a container div. Make this display: block and overflow:hidden.

    For your sidebar’s div, try giving this a height of 100%.

    Any joy?

    EDIT:Sorry, I doubt that is going to work…

    That might work if one had control over the div nesting, but Twenty Ten doesn’t group them that way.

    One suggestion would be to use javascript / jQuery to get the height of your content container and the height of your sidebar container. Then, if the content height exceeds the sidebar height, resize the sidebar to the height of the content…?

    OK, I have an answer, more or less, that will at least work with a right sidebar, for this theme.

    1. Make the Wrapper Page BG and the Content Page BG the same color.
    2. Make the Main Area BG and the Primary and Secondary Widget Areas the same color.

    That will put a bar the size and color of the sidebars all the way down the right side.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Connecting my sidebar w/ my footer’ is closed to new replies.