Removing the page name from the top of the page

Thanks for the new posting!

To remove (hide) all “page” titles throughout the site, you can do this:

.page .entry-title {
display: none;
}

If you want even blog posts as well (basically all page/post titles), you can do this:

.entry-title {
display: none;
}

I’m wondering if I should add a theme option (setting) to disable page/post titles…every once and a while, I get requests for that. Doesn’t matter what theme.

I think it would be a great idea. You are brilliant and your customer service is the best bar none, that I have ever experienced with WordPress.

Thanks for that, although I still make mistakes at times ??
Aside from that, did the solution above work out?

Yes, it worked, however, the giant space remains. ?? I was hoping for less space between the menu and the map. I guess I could make h1 much smaller?

h1 {
font-size: 30px;
}
.entry-title {
font-size: 30px;
}

UPDATE Changed both of these to 10 px from 30 px and nothing changed.

• This reply was modified 3 years, 2 months ago by sharon-jackson.

This is what creates that space:

#content {
    margin: calc(3rem + 2vw) 0;
}

You can copy that and paste it in the CSS tab, but adjust the values to be smaller. This does the top and bottom margins of your content area. Try making the 3rem as 2rem and then the 2vw as 1vw and see if that works better.

OK, I made both of them 1. There is still a larger space than I would like, but it is much better, thank you!

Ah, forgot about the page header has a margin to it.

Take the above code of:

.page .entry-title {
display: none;
}

and make it this:

.page .page-header {
display: none;
}

See if that works better for you?

Following the thread of this conversation, how do I find .page .entry-title {
display: none;
}

@elizwekpe That code part is what would be copied and pasted into the customizer’s Additional CSS tab.

Was that what you were wanting to know?

Yes, thanks found it, now I have a big space at the top of all my pages how do I remove it

https://www.joyandprofits.com

Plus I want the tag line to show on only my home page not the other pages how do I do that ?

Thanks

Thanks for the link…. the space, you mean above or below the site title (the web address line)?

For the tagline, here is some CSS code you can copy and paste into the Customizer’s Additional CSS tab:

.site-description {
    display: none;
}
.home .site-description {
    display: block;
}

Hope that helps…

Best Regards,
Andre

Thank you very much, please take a look at this https://www.joyandprofits.com/rtwliveworkshop/

the space at the top of the page before the very first word. thanks

I see what you are referring to, thanks for the link.

I looked at your custom CSS code you have for this:

.entry-header, .site-header {
    height: 0px;
}

Do this instead:

.entry-header, .site-header {
    display: none;
}

The header has a margin to it, so even though you set it to 0 pixels in height, the margin still remained. Doing display: none; will hide the whole thing as though it doesn’t exist.

Best Regards,
Andre

Thank you, it worked