Title: Remove all padding around header
Last modified: December 3, 2017

---

# Remove all padding around header

 *  Resolved [Vicki_B](https://wordpress.org/support/users/vicki_b/)
 * (@vicki_b)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/)
 * I would like my header image to fill the screen with no padding or margins. How
   do I do that? Do I need to use a certain image file format?
 * I was able to reduce the top padding using the below css but can’t figure out
   how to remove it from the sides or bottom. Also there is still padding or margin
   all around the header-inner that I can’t seem to get rid of.
 * .header-bg {
    padding-top: 0px }
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fremove-all-padding-around-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Theme Author [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9747028)
 * Hello Vicki_
 * The theme recommends the header size of 2560 × 260 pixels. Please check the image
   size and replace the one you are using. The image seems smaller than the natural
   size. Check and let us know.
 * Thanks!
 *  Thread Starter [Vicki_B](https://wordpress.org/support/users/vicki_b/)
 * (@vicki_b)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9750639)
 * OK, now the image is 2560x260px. Now the width is fine but there is still white
   space above and below.
 * My custom CSS is:
 * .header-bg {
    padding-top: 0px; padding-bottom: 0px; }
 * I tried the same code for .header-inner but it doesn’t have any effect.
 *  Theme Author [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9750887)
 * Hello Vicki_B,
 * Try adding the following custom css;
 *     ```
       #masthead .header-inner {
           padding: 0px!important;
       }
       .header-inner .logo {
       	display: inline;
       }
       ```
   
 * Let us know.
 * Thanks!
 *  Thread Starter [Vicki_B](https://wordpress.org/support/users/vicki_b/)
 * (@vicki_b)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9753034)
 * Yes, that’s perfect! Thank you!
 *  Thread Starter [Vicki_B](https://wordpress.org/support/users/vicki_b/)
 * (@vicki_b)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9753036)
 * The complete css, in case anyone wants to remove all padding around their header,
   is:
 * .header-bg {
    padding-top: 0px; padding-bottom: 0px; }
 * #masthead .header-inner {
    padding: 0px!important; } .header-inner .logo { display:
   inline; }

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

The topic ‘Remove all padding around header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pure-simple/3.3.0/screenshot.png)
 * Pure & Simple
 * [Support Threads](https://wordpress.org/support/theme/pure-simple/)
 * [Active Topics](https://wordpress.org/support/theme/pure-simple/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pure-simple/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pure-simple/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Vicki_B](https://wordpress.org/support/users/vicki_b/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/remove-all-padding-around-header/#post-9753036)
 * Status: resolved