Title: Decrease width of space between header and content
Last modified: September 1, 2016

---

# Decrease width of space between header and content

 *  [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/)
 * Hello all, I am using Photo Perfect theme and my site has a large space in between
   the header and the content. Can anyone help me figure out what is causing it/
   I feel like I have changed the padding in almost every part of the style-sheet!

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/page/2/?output_format=md)

 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503836)
 * Hello courtneycannon,
 * Can you please post URL to your Site?
 * Thanks.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503848)
 * Sorry, I thought I had. It is [http://fiction-atlas.com](http://fiction-atlas.com)
 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503854)
 * Hello courtneycannon,
 * Please paste in the following styles to your child theme’s style.css
 *     ```
       .container {
           margin: 0 auto;
           padding-left: 25px;
           padding-right: 25px;
           width: 1300px;
       }
       ```
   
 * It will remove the extra padding between your header and content.
    Hope this 
   helps you, Thanks.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503861)
 * Thank you, where exactly in the style.css do I put it? I already have something
   very similar to that in there, but it is what keeps the site title in the center
   where I want it.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503864)
 * I just changed it and sure enough the title box moved way up.
 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503866)
 * Hello courtneycannon,
 * If the style.css of your child theme already consists of the code, you can simply
   remove `padding-top:` or put padding pixels as per your requirements.
 * For the title,
    Can you paste the CSS you have implemented to put the title in
   center??
 * Thanks.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503867)
 * I have no idea I don’t understand much of or really any of this coding. I’ve 
   messed my menu up somehow!
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503868)
 * Ok fixed the menu back but the title box is still very high compared to before.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503869)
 * And now my page is cut off on the side wow I hate messing with this coding! Any
   ideas what I have done wrong?
 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503871)
 * Can You Please Try This code in your child theme’s style.css?
 *     ```
       #site-identity {
           background: none repeat scroll 0 0 rgba(0, 0, 0, 0.48);
           margin-top: 190px;
           padding: 20px;
       }
       ```
   
 * _Note: You can set margin top value as per your requirement _
 * Hope this helps you.
    Thanks
 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503872)
 * Are you altering styles of .content selector?
 * Can you please revert the changes you have made and just paste in the above code
   and the code i’ve suggested the first time?
 * Please be cautious while editing the codes..
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503874)
 * Nothing happened and my page is still cut off. Why is the page cut off on the
   left? That makes no sense I didn’t mess with anything else.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503875)
 * When it didn’t work the first time that’s exactly what I did pasted the old code
   back in.
 *  [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * (@aveeshek)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503878)
 * I now notice your menu issue,
    Please set the width of container to auto as below,
 *     ```
       .container {
           margin: 0 auto;
           padding-left: 25px;
           padding-right: 25px;
           width: auto;
       }
       ```
   
 * i think this fixes your issue…
    Let me know if problem persists.. Thanks.
 *  Thread Starter [CL Cannon](https://wordpress.org/support/users/courtneycannon/)
 * (@courtneycannon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/#post-7503882)
 * The menu is back but the page is still cut off on the left side and some of the
   images seem to be zoomed in though I made sure my zoom was rest

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/page/2/?output_format=md)

The topic ‘Decrease width of space between header and content’ is closed to new 
replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [space](https://wordpress.org/support/topic-tag/space/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)

 * 21 replies
 * 2 participants
 * Last reply from: [Abhishek Rijal](https://wordpress.org/support/users/aveeshek/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/decrease-width-of-space-between-header-and-content/page/2/#post-7503892)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
