Easy way to remove margins and padding?

  • I’m using the Twenty Eleven theme and I’d like to have the header, content, and menu completely fill the frame at all times.

    My site is https://prettydead.com

    Right now, the content kind of floats in the middle, but I’d like to have it expand to the edges.

    Also, I’d like to reduce the amount of white space that’s on the left of the page content.

    I’m trying firebug but am getting lost in it. Is there a tag or section I should be searching for?

    Thanks!

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

  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter joboyogi

    (@joboyogi)

    OK, did that, uploaded a clean 2011 theme from the download and renamed the folder, reset all my stuff back and it should be ready to start.

    Thread Starter joboyogi

    (@joboyogi)

    So how can I remove the spacing above the background image and make the content frames flush with the edges of the browser window?

    Try removing:

    body {
    padding: 0 2em;
}

    from style.css. I recommend using Firefox & Firebug for this kind of work.

    Thread Starter joboyogi

    (@joboyogi)

    Thanks! that worked to make the top part flush with the sides, but is there a way to always make the bottom of the window reach the bottom of the browser frame?

    Also, there is a space between the background image and the top of the frame, is there a way to remove that?

    is there a way to always make the bottom of the window reach the bottom of the browser frame?

    No. Not across all possible screen resolutions.

    is there a way to remove that?

    Try adding:

    body {
padding:0;
margin:0;
}

    Thread Starter joboyogi

    (@joboyogi)

    I was able to set a min-height attribute at 1080 that allowed me to kind of fake it. Is there a way to set a min-height for the main page section and mount the footer to the absolute bottom of the page, removing the gap that appears?

    Thanks for all the help

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Easy way to remove margins and padding?’ is closed to new replies.