Removing Whitespace wpcom-theme

Hi there!

You can remove that space with some custom CSS.

To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack active then you can make use of its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

.home .hentry {
    padding-top: 0;
}

Hope that’s helpful! Let me know how it goes or if you have any further questions.

Great, will this remove the space for all of my pages though? Some of the pages still feature the black text and I do not want them to disappear, is there a way to make this specific to the pages without text? Thank you!

I used the .home class in the above snippet so that it will only remove space from your site’s home page, it won’t have any impact on other pages on your site.

Are there any pages other than your home page that you want to remove space from? If so, let me know the specific pages and I’ll guide you on how to target them specifically.

Thanks!

This has worked wonderfully! If you wouldn’t mind I would appreciate learning how to apply this to additional pages although I believe ‘home’ was the major page in need of this change.

Sure! The first step is to find a class the uniquely identifies your page.

You can use your browser’s inspector tools to do this, as explained in the tutorials and video screencasts here:

https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

I followed the steps to inspect your site’s About page in Chrome and, from the following screenshot, you can see that there’s a “page-id-2” class in that page’s main body tag:

I can therefore replace .home in the CSS snippet with .page-id-2 to target your site’s About page:

.page-id-2 .hentry {
    padding-top: 0;
}

Let me know if that’s clear of if any questions come up. I’ll be happy to help further.

Awesome, thank you!

You’re welcome! ?? You know where to find us if anything else comes up, too.