This is just a Test Page

We are trying to look at the padding from section to section.

This particular options uses the Header input field, which is completely optional.

If the admin doesn’t put any content within this Header field, then nothing is output on the front-end of the website.

Header goes here

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.

900x900 Placeholder

This particular page block does not use the “Header” input

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.

900x900 Placeholder

Here, I’m looking at the padding at the top and bottom of section for “sibling” sections

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.

900x900 Placeholder

I feel that the spacing is appropriate throughout

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).

Also, the spacing/padding between the “Header” input and the columns is appropriate, too

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.

900x900 Placeholder
Contact Sales