Getting rid of page title on static front page

[Eric Nevitt]

Currently using page full width template for front static page. How do I get rid of page title on front page only? Solution for me, this far, was simply to avoid naming the front page at all. But, I suppose there is more clean solution to this.

[Sushil Adhikari]

Unfortunately WordPress does not make this easy… the only template I have without the title code is the “Page Widgets Only”, so when using the other templates, this becomes a little more tricky. Your options are:

1. Use a plugin to manage page titles (including disabling)
2. use css to hide the title.
3. Not doing at title (as you suggested)

For the first one, there are plugins to handle titles, but as to which one, I do not know as I’ve never used any of them or know of which one is best.

The second option would be to use CSS which means isolating the title ID of the post or page by looking at the source code and seeing what ID is added to the “article” container. For example, on my test site I have a page using that template you are, and if I look at the source code, it shows this:

		
	

		
My Home Page
	

You will see my page article has an ID applied to it as “post-10” which is what we need. In your style.css, you will add this:

article#post-10 h1 {display: none;}

That basically says for that article with that ID, hide the content in the H1 container. It will still show in the source code, but not on the front-end.

[Dr. Eddie Sanders, Jr]

Where do I paste this? : article#post10 h1 {display: none;} ?

Home

[Sushil Adhikari]

in your style.css file. Or if you have Jetpack installed, use the Edit CSS feature under the Appearance Menu…or if you are using a child theme to make modifications, then in the style.css for that. Preferably not the main theme’s own style.css

[Roland]

Andre:

My homepage post id is 186 so I put the following into my child theme’s (Celestial Relaoded) style css and nothing happens:

/* Add your style.css changes below the line
————————————————————– */

article#post186 h1 {display: none;}

/* mobile styling
————————————————————– */

What did I miss?

[Sushil Adhikari]

Put a dash (hyphen) before the 186

article#post-186 h1 {display: none;}

[Roland]

Perfect!

Ah, it’s always the little things ain’t it?

Many thanks, Andre

[Sushil Adhikari]

Glad it worked and yes, always the little things (most of the time). I’m working on the new theme right now and trying to figure out why something was out of wack, only 3 hours later realizing I left a semi-colon out of one line of code.

[Roland]

Quick follow-up question . . .

My client (http://aliciahalloran.com/) WANTS the H1 tag for her name, she just wants to remove the page title (which means I can’t set the h1 to read “none”). Would I do it the same way that I do it in the Preference theme?

[Sushil Adhikari]

Note quite I follow because it’s already in H1 tags….is she wanting to replace “Home” with “Alicia Halloran – Animal Communication” ? If so, simply rename the “Home” page with her name, then make sure the menu link at the top is relabeled as “Home”

[Roland]

OMG – Perfect.

Thank you, Andre

[Author]

Posts