Padding Between Header / Content / Footer

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

    (@djr_xr6)

    12 years, 7 months ago

    Try this.

    Find the following code in your Twenty Eleven style.css file and remove it.

    #page {
    background: #fff;
}

    Then add the following

    #main{
    background-color: #ffffff;
    overflow: hidden;
}

footer{
    margin-top: 20px;
}
    esmi

    (@esmi)

    12 years, 7 months ago

    Find the following code in your Twenty Eleven style.css file and remove it.

    No! 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. Make changes in the Create a child theme only. Try adding:

    #page {background:transparent;}
#main{
    background-color: #ffffff;
    overflow: hidden;
}
footer{margin-top: 20px;}
    djr_xr6

    (@djr_xr6)

    12 years, 7 months ago

    Apologies.

    esmi’s solution is better.

    Thread Starter eddietaylor

    (@eddietaylor)

    12 years, 7 months ago

    fantastic! thank you both for solving that little conundrum. One question however; how do you adjust the margin between the header / content?

    esmi

    (@esmi)

    12 years, 7 months ago

    I suggest that you try using Firefox with the Firebug add-on for this kind of CSS work.

    Thread Starter eddietaylor

    (@eddietaylor)

    12 years, 7 months ago

    Thanks for the advice, I have installed Firebug now. Any chance I could get an answer to the above question?

    esmi

    (@esmi)

    12 years, 7 months ago

    You should now be able to locate the CSS you need to amend by adding the relevant rule to your child’s stylesheet.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Padding Between Header / Content / Footer’ is closed to new replies.