How To Hide Page Title On Static Homepage – Esplanade Theme

Suggest posting a link to your site so someone can see the code in order to help. Yes, it can be done with CSS – start by reading this and setting up Firebug which is the best way to work with CSS.

Thanks for those links. That will take me a while to sift through, but it’s going to be good to know. In the meantime, here’s my site:

austinshadduck.com

try:

.entry-header {
display: none;
}

If you only want to hide it on the home page do this:

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

The first one works and hides all page titles, but hiding the page title on just the home page does not work. Do you have another suggestion for that?

Try:

.page-id-233 instead of .home

So the first line would be .page-id-233.entry-header {? That doesn’t work. But if I use .page-id-233 and leave off entry-header then my home page disappears completely (or, rather, it displays as a blank page).

Yes, the first line is what I had in mind — but no go, huh? Try this one:

.page-id-233.entry-header.h1

.page-id-233.entry-header.h1 {
display: none;
}

That doesn’t do it either, assuming I don’t have to clear my cache before I see the effect. Where does the page id number come from?

You need to put a space between the class selectors like this:

.page-id-233 .entry-header .h1 {
display: none;
}

You have serious security issues on your website. I can download any file by simply accessing the url.

Make sure the PHP extension is on, code gets executed and change all your credentials before someone hacks your site.

I just noticed this and I have no idea what’s going on… What do you mean PHP extension is on? I haven’t changed anything on my site recently except the header images, but everything was running smoothly last night. I can’t login to the admin panel because of this.

Contact your hosting provider.

Yep, did that and they’re checking it out. Thanks for the code correction in your first post.

The site’s back up and issues are resolved! Thanks for the help. So what works is:

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

Adding space between .home and .entry-header did the trick.

One more question… The tabs in my browser display the page titles, except for the homepage and the blog. The homepage displays the full website url, which is fine by me, but the blog displays as Blog[Site Title]|[Tagline]. How can I tweak the code to get the browser tab to display as Blog when I’m on that section of the website?