We are trying to look at the padding from section to section.
If the admin doesn’t put any content within this Header field, then nothing is output on the front-end of the website.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
For clarity, the “Header” input is the extra content area that, when it contains content, gets output at the top of the section, center text alignment. We’ve built this in a way, though, that when the admin chooses to NOT put in any content in the “Header” of the page block, then nothing is output on the front-end of the site.
If one section (aka page block) follows another section of the same color, we’ve hard-coded that a horizontal rule (aka line) appears to add some structure and separation between the sections. In this example, I want to investigate what the padding is for these sibling sections.
You can see that the padding at the top of each section and the padding at the bottom of each section is consistent: it’s 75px, both top and bottom (on larger monitors).
This value is also 75px, I think it gives all the content enough breathing room. I suppose we can decrease this to 50px if you prefer.