Docs

[stylinsmitty]

Hi,

How do I remove the page title at the top of each page AND eliminate the blank white space that would be left behind?

Here’s a sample page: http://nexus.prohealthsites.org/

Thank you!

[stylinsmitty]

Just to clarify, I can do it for pages that are listed under the “Pages” menu be clicking “Disable Page Title” but I don’t know how to do it for pages that aren’t listed in the “Pages” menu.

For example, the blog page (which is the home page for this sample site), or a “categories” page. How do I remove those titles and the blank space?

Thanks again

[Paula S]

Hi Stylinsmitty,

Thanks for writing in!

You can remove the header by putting this code onto the customizer > Custom CSS

.x-header-landmark {
display: none;
}

Hope that helps! Have a great weekend!

[stylinsmitty]

Thanks – worked well!

[Christian]

You’re welcome.

[Todd B]

That also removes titles for every other page too. At least in Renew it does. How to remove the title only on the homepage when the blog is the homepage?

[Todd B]

I figured it out using css by experimenting:

.blog .x-header-landmark {
display: none;
}

[Todd B]

.blog .x-header-landmark {
    display: none;
}

[Christian]

Glad you’ve figured it out Todd.

[stylinsmitty]

Hi,

I just tried doing this same trick on a site using the Integrity stack and it didn’t work. I used this CSS:

.x-header-landmark {
display: none;
}

See the site I’m looking at: http://mumby.prohealthsites.org/for-your-family/

Is there something different I have to do to remove the page headings?
Thanks

[John Ezra]

Hi there,

Thanks for writing in! Your titles are actually entry titles so the above CSS won’t work. Use the following instead. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

header.entry-header {
    display: none;
}

.entry-content.content {
    margin-top: -70px;
}

Hope this helps – thanks!

[stylinsmitty]

That’s perfect! Thank you

[stylinsmitty]

Sorry – I just found a slight problem.

This code made all of my blog headings disappear too. (i.e. the title of each blog on the blog page is gone. See http://mumby.prohealthsites.org/blog/)

How can I get these back?
THanks!

[Christian]

Please change the code to

.single header.entry-header {
    display: none;
}

.single .entry-content.content {
    margin-top: -70px;
}

Hope that helps. 🙂

[stylinsmitty]

Thanks – it’s not quite the solution I’m looking for though. This code (below) has the following effect:

Pages = Heading shows
Blog Roll = Heading shows
Blog post = No heading

I’m looking for…

Pages = No heading
Blog Roll = Heading shows
Blog post = Heading shows

Can you help me achieve this?
Thanks

.single header.entry-header {
display: none;
}

.single .entry-content.content {
margin-top: -70px;
}

[Author]

Posts