Twenty Eleven sidebar fill and whitespace removal

  • Hi you all!

    I can’t seem to find a full working solution. So maybe we can set one up here.
    (I have a working child theme)

    I want to erase ALL white space below the nav bar and the content + sidebar.
    I changed some padding in #main, but there remains some of it still

    Secondly i want to remove the whitespace OR use it in the sidebar.
    I sort of want to seperate the sidebar from the main content with a background color/image. But theres too much white space around it. PLEASE HELP!
    I’ve tried so many things…

    Screenshot of page and some explaination:
    https://www.roversmusic.nl/temp/problem.jpg

Viewing 3 replies - 1 through 3 (of 3 total)
  • JenR

    (@jennifer-roberts)

    Someone may be able to help you, but need to see an actual site to help with CSS questions in order to use a browser tool like Firebug to look at the actual code on a live site.

    Thread Starter Brucezwarts

    (@brucezwarts)

    Thats great! Thanks!
    I used the plugin myself and got rid of the space beneath the menu that was coming from the header in the style.css

    Can’t seem to make full background use of the sidebar though.
    Still need help with that.

    website: https://www.roversmusic.nl

    JenR

    (@jennifer-roberts)

    @brucezwarts – actually that sidebar background issue has to do with how CSS works – the background only extends as far as your content. There might be some workarounds or tricky CSS, but I’m not sure how much fussing around it would take. This seems to be a start in that direction:

    #primary {
   background: put your image background here
   }

#content {
   background-color: black;
   }

    Basically, you need to make the whole page background what you want the sidebar to be and then make the main section whatever color you want that (black) – so that it covers up the underlying background.
    You’d need to make the widgets background transparent too – so the bottom layer background shows through there.

    Hope that make some sense :)!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Eleven sidebar fill and whitespace removal’ is closed to new replies.