Decrease Space Between Header and Home Page Start

Try using this CSS:

home .entry-content {
  margin-top: 0 !important;
}

Let me know if you want the space further reduced, but that should remove most of it.

Hi Ben,

Appreciate the suggestion but that css does not appear to be doing anything.
Note, I also have the following code regarding the header in my custom css:

.site-header {
padding-bottom: 0 !important;
}
.entry {
padding-top: 0 !important;
}

I’m sorry, I left the “.” off the beginning of the first selector. Here’s how it should be:

.home .entry-content {
  margin-top: 0 !important;
}

Thanks Ben. This did help but I’d still like to make the space smaller. I also want to decrease the size at the bottom, there is a big gap between the end of my homepage image and the footer area.

Thanks.

A related question. On my shows page (link below) I seem to have the same problem where the page starts pretty far down the page. How do I reduce the gap on all pages? Thanks.

Davin

Got it, let’s try this CSS for the space at the bottom of all pages:

.site-footer {
  display: none !important;
}

And you can use either or both of the following snippets to further the reduce the space at the top of the site:

.home #menu-primary {
  display: none !important;
}

.home .top-navigation {
  margin-bottom: 0 !important;
}

Excellent. Thanks.

Yea no problem!

Hi Ben,

I noticed this helped my homepage but content on my other pages still starts way down the page. Any ideas for that? Thanks.

https://sleepingplanetband.com/shows/

Sure, so the snippets I’ve been providing have started with a “.home” selector to only target the homepage.

For any of the changes you want to affect all the pages, remove the .home selector. For instance, change this:

.home .entry-content {
  margin-top: 0 !important;
}

To this:

.entry-content {
  margin-top: 0 !important;
}