Unable to make any widget/picture go flush with either the header or footer

Hi there,
My website is http://www.speakup.healthcare For example, on the “Home” page, if you scroll to the very bottom, you notice that the picture with 3 call to action buttons are not flush with the footer. When I tried adding the Sydney Social media widget at the bottom, there’s also a gap.

What I tried:
-Under “Customize” I went to “General” and changed both the Page Wrapper paddings to 0px. This doesn’t seem to make my content go flush with either the header or the footer.
-Under “Format Row”, change the padding to 0px. (I use visual editor plugin)

If you go to http://www.speakup.healthcare/about-us/ you’ll see exactly what I mean. There’s a 1 inch gap at the top that I can’t seem to close off. It looks pretty bad with the gap but I love this theme so much. It’s absolutely perfect expect for this mini problem.

I would greatly appreciate any help!

Hello there,

Thank you for reporting.

In order to fix the issue, could you please try to add the following CSS code through the Simple Custom CSS plugin?

.page-template-page-templatespage_fullwidth-php #content.page-wrap,
.page-template-page-templatespage_fullwidth-php #content > .container,
.page-template-page-templatespage_fullwidth-php .content-area .hentry{
  padding-top: 0;
  padding-bottom: 0;

.page-template-page-templatespage_fullwidth-php .entry-header,
.page-template-page-templatespage_fullwidth-php .entry-footer{
  display: none;

Let me know how it goes. I’ll wait to hear back from you regarding your stats.


You sir are a genius. Works like a charm!!!

Thank you so much :slight_smile: