Docs

[Jordan W]

Hi there.

I’m curious how to reduce the large gap (white space) (on the Icon stack pages) between bottom of header and top of page titles.

Same question for bottom to page and above footer.

Can’t seem to find it in the Customization.

Website under construction, so I’ll provide details and image privately.

Thank you!

[Jordan W]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.home .entry-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

The remaining white gap on the footer is the FOOTER WIDGET AREAS

You can disable this on Customizer under the Footer panel and set the FOOTER WIDGET AREAS to none.

Hope it helps, Cheers!

[Jordan W]

Hi. The CSS code you provided worked beautifully for the home page (is that why it says .home, I’m assuming?).
http://prntscr.com/dp29vb

Still the wide gap on the rest of the pages (which all have the page title activated). http://prntscr.com/dp29je
So how to remove that gap or make it smaller?

(( The removal of the widget area fixed the bottom gap. Thank you!))

Thank you.

[Friech]

Hi There,

Yes, that is right. The class .home is to specifically apply the custom CSS on the home page only. If you need the custom CSS to affect all the pages remove the .home from the selector so it should be.

.entry-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

Cheers!

[Author]

Posts