Support » Themes and Templates » How to remove space below footer

  • I am using the Twenty Eleven theme and have searched and searched and can not find a way to remove the space below the footer.

    I’m wondering if it’s the site-generator but I have added 0 margins and it hasn’t fixed it.

    My site is

    I would appreciate any help please!!!

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins


    Forum moderator

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    I use Firefox’s Firebug and I can’t find any style for it showing up! I am using a child theme also.

    This is driving me crazy!!



    Forum Moderator

    #supplementary {
        border-top: 1px solid #DDDDDD;
        overflow: hidden;
        padding: 1.625em 7.6%;

    That didn’t fix it!!

    Any other suggestions??

    That code is what is creating the space via the padding. So you need to add the desired CHANGE to your child theme – try this:

    #supplementary {
        padding: 0 7.6%;

    Thank you!!!! Thank you WPyogi!!!!! That fixed it!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove space below footer’ is closed to new replies.