How to eliminate gap left when removing headings

Hello!
I used the following code to remove the heading from some of my pages:

body.page-id-1644 header.entry-header .entry-title {
display: none;
}

When it removed the heading, it left a big gap. Is there any way to eliminate that gap?

This is a good example of the gap I’m talking about: http://brigetteannehenry.com/category/mind/

Hi @brigetteannehenry,

I hope you are well today and thank you for your question.

You can remove that gap by adding the following CSS code in the Custom CSS code option of your theme on the below path.

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code


.archive .post-inner-content {
    padding-top: 0;
}

Best Regards,
Movin

I tried to add the code but it didn’t work. I may have put it in the wrong place; there was no “theme settings”. I went to Customize and then Additional CSS. I added the code there but nothing changed.

http://brigetteannehenry.com/coloring-pages/

That page may be a better example of the gap I’m talking about. There is also no featured imaged on that page, so that may be contributing to the gap.

Hey there,

Thank you for your reply.
Just to be clear the gaps your referring to i

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove extra margin and spaces*/
header.entry-header.page-header {
    display: none !important;
}
header.entry-header.page-header.h1 {

}
.page .entry-content, h1{
  margin-top:0px
}

Best Regards,
Support

Yes that worked. Thank you :slight_smile:

You are always welcome here :slight_smile: