White space above header and footer

[HGPower]

Hello. I’m using the X theme Integrity stack. I do not have any nav bar menu items. Header widget area is disabled. How do I remove the white space above the header and above the footer? It looks like this:
Header

Footer

When I inspect the code, it looks like it’s caused by this code:
.e11-1.x-section {
margin: 0em;
padding: 45px 0px 45px 0px;
background-color: transparent;
z-index: 1;
}
Changing the padding to 0 removes the white space, but I want to know if this is in the customizer somewhere and exactly what it is the .e11-1.x-section. If I change the padding to 0 will it affect all pages and what happens if I add a menu item? (I hope this wasn’t all too convoluted.)

[friech]

Hi There,

Thank you for writing in, that is the section’s default top and bottom padding. You can inspect your section and adjust that.

This .e11-1 is an element generated class, that is unique to each element so rest assured that if you write a custom CSS using that as a selector then it will only apply to that specific section. However, we do not recommend using that as a CSS selector because that is dynamic, meaning it can be changed when you delete/moved elements around your page.

Hope this shed some lights,
Cheers!

[HGPower]

Thank you!

[friech]

You’re more than welcome, glad we could help.

Cheers!