WordPress.org

Ready to get started?Download WordPress

Forums

Connecting my sidebar w/ my footer (11 posts)

  1. DanMRaymond
    Member
    Posted 3 years ago #

    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.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    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.

  3. DanMRaymond
    Member
    Posted 3 years ago #

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

  4. DanMRaymond
    Member
    Posted 3 years ago #

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

  5. wpweaver
    Member
    Posted 3 years ago #

    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.

  6. DanMRaymond
    Member
    Posted 3 years ago #

    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.

  7. wpweaver
    Member
    Posted 3 years ago #

    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.

  8. SpankMarvin
    Member
    Posted 3 years ago #

    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...

  9. wpweaver
    Member
    Posted 3 years ago #

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

  10. SpankMarvin
    Member
    Posted 3 years ago #

    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...?

  11. wpweaver
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic