[Resolved] Blank space in header content and above the footer

Hi Alexia

I’m good thanks 🙂

Sorry to hear this space hasn’t suited your design. Unfortunately, I will need to assist with a small custom CSS snippet. That said, you won’t need to do anything except cut and paste.

Try the following:

/* Home */
.home.siteorigin-panels-home .site-content, .page-template-home-panels .site-content {
	padding-top: 0;
}

/* Full Width No Title Pages */
.page-template-full-width-no-title .site-content > .container {
	padding-top: 0;
}

/* Page Bottom Padding */
.page:not(.home) .site-content {
	padding-bottom: 0;	
}

Highlight the above CSS, copy and then paste into the field at Appearance > Custom CSS. We can’t strip bottom padding everywhere, for example, the home page still needs it. Give it a try and I’ll make changes as required 🙂

Hi poppytree

Thanks for reaching out 🙂

If you’re using the Jetpack plugin you can go to Jetpack > Settings and activate Custom CSS which will provide you with Appearance > Edit CSS. If you aren’t using Jetpack, go to Plugins > Add New and use the top right search field to search for Simple Custom CSS. Once installed and activated you’ll have a menu item under Appearance called Custom CSS.

Hope that helps.

Super, let me know how it goes 🙂

Awesome 🙂 Glad to hear that did the trick. All the best.

Super 🙂 Glad to hear that helped.