Title: Header spacing/alignment
Last modified: October 23, 2016

---

# Header spacing/alignment

 *  Resolved [Sheona](https://wordpress.org/support/users/sheona/)
 * (@sheona)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/)
 * Hi,
 * Is it possible to reduce the amount of white space above the grey line (below
   the menu/title/logo info) in the header area?
 * Also, does the spacing below it affect the alignment of the text/images that 
   appear on the pages?
 * On my page here – [http://www.shospace.co.uk/eye-see-trinity/](http://www.shospace.co.uk/eye-see-trinity/)–
   having added some CSS to take out the page title, neither image, page text or
   widget text align to the top. Is there a way to make them align, so to reflect
   the neatness of the grey line?
 * Many thanks,
    Sheona

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/#post-8360022)
 * > Is it possible to reduce the amount of white space above the grey line (below
   > the menu/title/logo info) in the header area?
 * Sure, you can override the default padding in your existing custom CSS by changing
   this:
 *     ```
       .site-header {
         margin-top: 5px;
       }
       ```
   
 * To this:
 *     ```
       .site-header {
         margin-top: 5px;
         padding-bottom: 0;
       }
       ```
   
 * > Also, does the spacing below it affect the alignment of the text/images that
   > appear on the pages?
 * I’m not quite sure what you mean here. Could you explain your question a little
   more? Which spacing are you referring to, for example?
 * I’ll answer your other question separately.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/#post-8360281)
 * > On my page here – [http://www.shospace.co.uk/eye-see-trinity/](http://www.shospace.co.uk/eye-see-trinity/)–
   > having added some CSS to take out the page title, neither image, page text 
   > or widget text align to the top. Is there a way to make them align, so to reflect
   > the neatness of the grey line?
 * Give this a try to line up those elements on that specific page:
 *     ```
       .page-id-1843 .alignleft {
         margin-top: 7px;
       }
       .page-id-1843 #text-22 .widget-title {
         margin-top: 0;
       }
       ```
   
 *  Thread Starter [Sheona](https://wordpress.org/support/users/sheona/)
 * (@sheona)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/#post-8372649)
 * Once again, thank you, thank you, thank you.
 * Brilliant, responsive, simple and it works.
 * Genius.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/#post-8373091)
 * You’re welcome! I’ll mark this thread as resolved but feel free to start a new
   one if you need help with anything else.

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

The topic ‘Header spacing/alignment’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sketch/1.2.4/screenshot.png)
 * Sketch
 * [Support Threads](https://wordpress.org/support/theme/sketch/)
 * [Active Topics](https://wordpress.org/support/theme/sketch/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sketch/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sketch/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)

 * 4 replies
 * 2 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/header-spacingalignment/#post-8373091)
 * Status: resolved