Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #13386


    I like to make the left sidebar 100% height because I want to put a background-graphic on the bottom. Any ideas how to make this?



    Hi designkolchose,

    I’m not sure I know what you mean. The Sidebar adjusts to the size of the content inside of it (as is) so you could add a background image to the bottom of it that would always be at the bottom of the sidebar (if that is what you are trying to do) with a little css. Additionally, if you wanted to force it to be a certain height you could do that as well.

    But 100% would just be doing what is already currently supposed to be doing.




    Well, as you can see in this screenshot:

    The sidebar is not going 100% of the height of the content. I like to expand the sidebar to the whole height like the content!

    Is this possible?


    any ideas?


    Hi designkolch,

    If I’m following you correctly, you just need to add the background declaration and set the position to bottom. The sidebar itself is already set to expand the height of the content so you shouldn’t have to set the height to 100%.

    Try adding this to your custom.css or Quick CSS:

    .sidebar {
    background: transparent url("path-to-your-background-image.jpg") no-repeat bottom left;




    wohoooo… it works :-)



    Great! :D



Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Left Sidebar 100% height’ is closed to new replies.