WP Twenty Eleven – Remove White Space At Top Of Page

Goal: Remove white space from top of page (between top of header and top of page).

Solution: Add the following to Child theme’s style.css file:

/* Remove white space between top of header and top of page */
#page {
margin-top: 0;
}

Let’s also remove the gray line at the top of the header. Add the following to Child theme’s style.css file:

/* Remove gray line at top of header */
#branding {
border-top: 0;
}

What I’m running:

  • WordPress: v3.2.1
  • Parent theme: Twenty Eleven, v1.2
  • Child theme: Custom for ReidWalley.com

5 thoughts on “WP Twenty Eleven – Remove White Space At Top Of Page”

    1.  
      Hi Sophie,

      You can place the CSS anywhere in the stylesheet. But, generally, I
      like to place CSS in the order that it will appear on the page (ie: body
      & header CSS toward the beginning of the stylesheet and footer CSS
      toward the end of the stylesheet).

Leave a Reply

Your email address will not be published. Required fields are marked *