White space between header and white space before footer

Hi there, after following several threads, I can’t seem to remove the white space between the header and the first container and the white space before the footer on my page. I’ve tried a number of posted css codes including:

article .entry-content {
margin-top: 0;
}

#branding > .container {
display: none;
}

  1. #main article:first-child .post-inner-content {
    padding-top: 8px;
    }

and 4. .container.main-content-area {
margin-top: 0;
}

But none of these work for me. I was wondering if you can take a look at my page and see what the issue is? My site is: https://arecoperf.com/technology-resources/

Thank you!

Hi,

Try this Custom CSS in Appearance -> Customize -> Additional CSS,

.content-area.pt0 {
    padding: 0;
}

If that didn’t work, use !important with the property.

Let us know,

Thanks,
laranz.

Thank you laranz! It worked beautifully with the header section, but there remains white space before the footer. I tried using !important as well.

Best,
Daisy

Hi,

Which space you want to reduce in the footer? I didn’t see any space http://take.ms/mXPip

Let us know,

Thanks,
laranz.