entry-header removal

  • Resolved joanna.boj

    (@joannaboj)


    9 years, 4 months ago

    Hi,

    I wanted to get rid of the big page title header on my homepage. I used the custom css:

    .singular-page-54 .entry-header {
  display: none !important;
}

    But I’m left with a gaping hole as a result. How to reduce the space between the header and the page body after this operation?

    thanks,
    Joanna

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey Joanna,

    Try adding this CSS:

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

    I believe the top margin from the content container is causing the gap.

    Thread Starter joanna.boj

    (@joannaboj)

    thanks Ben,

    it worked, but just a little. there’s still a gap. have a look: https://joannaboj.com

    any other elements there that might have margin/padding?

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for the site link. This code should remove the rest of the space:

    .singular-page-54 .entry {
  padding-top: 0;
}
.singular-page-54 .site-header {
  padding-bottom: 12px;
}

    I left 12px of padding below the site header helps it frame the menu nicely, but that can be reduced to 0 as well.

    Thread Starter joanna.boj

    (@joannaboj)

    works great, thanks Ben!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘entry-header removal’ is closed to new replies.