Header Padding

Please install that plugin https://www.ads-software.com/plugins/insert-headers-and-footers/

Then follow that steps please:

Step 1: https://ibb.co/56wRw6J
Step 2: https://ibb.co/fDJH41k
Step 3: https://ibb.co/9btnRNP
Step 4: https://ibb.co/C6c7D3y
Step 5: https://ibb.co/Ln50nGY

CSS Code:

header .wp-block-group .alignwide{
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

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.? https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress?or at [site]/wp-admin/customize.php if you don’t have that menu option.

@sterndata your are right but unfortunately on Twenty Twenty-Two Customizer option not available

• This reply was modified 1 year, 3 months ago by Muhammad Jawad Abbasi.

@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

This happened to me as well on both the Twenty-twenty-two and twenty-twenty-three.

Hope this helps!

I took Muhammad’s code and inserted it in the “Additional CSS” area and it worked.

Thanks all.

Most Welcome @pabirds