Remove page padding above Header navigation block

Hey there @markc – I haven’t been able to replicate this so far on my 6.3 install running TT3 1.2.

Normally you should be able to zero out all padding/margin on most elements, without needing any custom CSS. As it’ll be much easier to troubleshoot directly, would you be willing to show me the issue on a live site, even if it’s a temporary one via https://instawp.com or another service? Thanks!

Thank you for responding @zoonini. I’ve just created a new temporary TT3 site called https://temp.goldcoast.org and removed all margin and padding from the Header Group and Row. The top 48px is padding applied to the “.wp-sites-block” class, and that’s the part that I’m not sure how to get rid of. There is also the same page-wide padding at the bottom. You can contact me down the bottom RHS if you want login details.

Thanks a lot for setting that up, @markc! Could you try the following steps to remove the default space at the top of the site.

Go into Styles (aka Global Styles) by going into any template in the Site Editor and clicking the half-moon icon at the top right. Then click “Layout.”

In the “Dimensions” section, click the “Padding options” icon, then select “Top”

Click the “Use size preset” icon and enter 0 in the px field.

Save the changes.

Let me know how it goes.

Ah excellent. Thank you for the clear screenshot @zoonini. It’s kind of obvious when I check it out. I’ve now adjusted some other padding and margins to my preferences at https://temp.goldcoast.org, but there is a large area at the bottom of the Post Content block for comments. How would I remove or negate that large blank space?

Hey @markc – when I check your demo page I do see the gap. It seems there is an empty template part there (which may be what you’re referring to in terms of the block for comments)?

If you remove that part for the template I’d expect the gap to be removed – but I may not understand the setup you’re going for?

Hi @jordesign, when I check the Pages template, I can see there is a Post Content block that obviously shows the content of the page but it comes with a comment section underneath the page content and that’s what (I guess) is showing as a large space.

Oh! Do I need to remove that Post Content block, which comes by default with TT3, and replace it with a customised Query Loop perhaps?

Doh yes, there was clearly a Comment block in the Pages template. Removed it, and that fixed the extra space at the bottom of the page. Another hour or so of tweaking and I have this prototype site looking pretty good and a lot of the block editor settings are starting to make sense and behave as I would expect. Thanks to @zoonini and @jordesign (yet again) for all your help ??

Awesome – so glad to hear it is all sorted out ??