Title: Header Padding
Last modified: July 14, 2023

---

# Header Padding

 *  Resolved [pabirds](https://wordpress.org/support/users/pabirds/)
 * (@pabirds)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/)
 * The spacing (top and bottom) of the header is way too large (the darker blue 
   areas in the screenshot below).
 * ![](https://i0.wp.com/wordpresstest.pabirds.org/ScreenShotHeader.jpg?ssl=1)
 * I can’t find a setting to change it. How can I reduce the top and bottom padding
   in the header?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-padding-12%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Muhammad Jawad Abbasi](https://wordpress.org/support/users/jawad1234/)
 * (@jawad1234)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16896349)
 * Please install that plugin [https://wordpress.org/plugins/insert-headers-and-footers/](https://wordpress.org/plugins/insert-headers-and-footers/)
 * **Then follow that steps please:**
 * Step 1: [https://ibb.co/56wRw6J](https://ibb.co/56wRw6J)
   Step 2: [https://ibb.co/fDJH41k](https://ibb.co/fDJH41k)
   Step 3: [https://ibb.co/9btnRNP](https://ibb.co/9btnRNP)Step 4: [https://ibb.co/C6c7D3y](https://ibb.co/C6c7D3y)
   Step 5: [https://ibb.co/Ln50nGY](https://ibb.co/Ln50nGY)
 * **CSS Code: **
 *     ```wp-block-code
       header .wp-block-group .alignwide{
           padding-top: 20px !important;
           padding-bottom: 0 !important;
       }
       ```
   
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16896370)
 * Note: There’s no need to install a plugin to add/override CSS.
 * **To add or override CSS:** use the “Additional CSS” option in the customizer.
   h_ttps://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress_ or at [site]/wp-
   admin/customize.php if you don’t have that menu option.
 *  [Muhammad Jawad Abbasi](https://wordpress.org/support/users/jawad1234/)
 * (@jawad1234)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16896510)
 * [@sterndata](https://wordpress.org/support/users/sterndata/) your are right but
   unfortunately on Twenty Twenty-Two Customizer option not available
    -  This reply was modified 2 years, 10 months ago by [Muhammad Jawad Abbasi](https://wordpress.org/support/users/jawad1234/).
 *  [Jordan Rich](https://wordpress.org/support/users/builtbyjordan/)
 * (@builtbyjordan)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16897351)
 * [@pabirds](https://wordpress.org/support/users/pabirds/) To fix this, In the 
   Site Editor check the **Global styles** and choose **Layout**. **Unlink the sides**
   and try to make the top and bottom **0** I
 *  know it may appear confusing because there are no values in the editor for padding
   so you would think that it is already 0 but it’s not.
 * I did some digging and turns out for these default FSE themes, the padding at
   the top and bottom is part of the default design. Learn more here in the github
   issue: [https://github.com/WordPress/gutenberg/issues/47929](https://github.com/WordPress/gutenberg/issues/47929)
 * This happened to me as well on both the Twenty-twenty-two and twenty-twenty-three.
 * Hope this helps!
 *  Thread Starter [pabirds](https://wordpress.org/support/users/pabirds/)
 * (@pabirds)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16897420)
 * I took Muhammad’s code and inserted it in the “Additional CSS” area and it worked.
 * Thanks all.
 *  [Muhammad Jawad Abbasi](https://wordpress.org/support/users/jawad1234/)
 * (@jawad1234)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16897916)
 * Most Welcome [@pabirds](https://wordpress.org/support/users/pabirds/)

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

The topic ‘Header Padding’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwentytwo/2.1/screenshot.
   png)
 * Twenty Twenty-Two
 * [Support Threads](https://wordpress.org/support/theme/twentytwentytwo/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwentytwo/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwentytwo/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwentytwo/reviews/)

## Tags

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

 * 9 replies
 * 4 participants
 * Last reply from: [Muhammad Jawad Abbasi](https://wordpress.org/support/users/jawad1234/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/header-padding-12/#post-16897916)
 * Status: resolved