How To Hide Page Title On Static Homepage – Esplanade Theme

I have read multiple postings dealing with how to hide “Home” or the page title on the home page. I see the recommendation the recommendation for what code to add. However, I don’t know where within the style.css file to add it.

Could you clarify?

I just tried adding it at the very bottom of style.css and it worked. Generally, when suggestions are made for adding a piece of code, it would be helpful it the suggestion included where within a file to add it even if that meant the bottom of the page.

The original question was asked in relation to the Esplanade theme, which has a custom CSS section in its options. Adding custom CSS in this case does not require the user to go into style.css to make changes.

What you are suggesting is bad SEO practice. You shouldn’t hide with CSS <h1>..<h6> tags. Preferably you shouldn’t hide anything.

What you should do is clone your page.php file into something like template-no-title.php, then add this to the beginning of the file:

<?php /* Template Name: No Title */ ?>

And delete the line

<h1 class="entry-title"><?php the_title(); ?></h1>

Then select the template from the page editor. Voila, page with no title.

Hi Thank you everyone for posting. I have tried all of this and I can’t seen to hide the page title on the static page. Do I type all the stuff you have all mentioned earlier into the page.php section? Please help, this is extremely frustrating. https://www.peninsulaguitar.com

Thank you so much for your help!

There were several suggestions made throughout the thread.
Don’t do them all at the same time.

The simplest one, and one that I found worked for me was to simply paste:

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

into style.css at the bottom. Where it says “XX” replace with the actual page-id number of your home page.

Thank you jsarvey. What is and where can I find the page-id number?

Thank you!

I tried this and it still doesn’t seem to make it disappear. I can’t figure out what i am going wrong.

It looks gone to me.
Or are you referring to the breadcrumbs: “You are here: Home” ?
Are you trying to turn off breadcrumbs on just the home page?

I am struggling with the same problem. I DO NOT want the page title to show on the page. I have tried other suggestions of adding – visibility: hidden; & display: none; at the bottom of

}
.page-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0 0 36px 0;

and

#content .entry-title {
color: #000;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;

and it didn’t work.

The above suggestion

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

would suggest it needs to be done for every page. Is there a global fix??

Development site is https://ehub31.webhostinghub.com/~scoldi5/

Open to suggestions.

.entry-header {
display: none;
}

worked fine for me, since I wanted to remove the title from all pages.

I had resolved the issue by editing my page.php file, but am much happier with WPyogi’s custom css approach. Thanks for posting that!

Theme author – since a lot of people appear to be struggling with this, maybe you can add an option to turn off page titles in your next update, as many themes already do.

Yup, thanks to this that my problem was also solved.

WPyogi:

Thank you! You gave the gift that keeps on giving: useful code!

.entry-header {
display: none;
}

Worked like a charm! ??