How can I remove the “Home” title on my home page?

[Sarah McDowell]

I tried using the Remove Widget Titles feature to remove the “Home” word from appearing at the start of my front page content (below the showcase). I don’t want it to say home there because it should be obvious to readers that it is my home page.

Is there any way I can do this?

[Sushil Adhikari]

That is actually for widgets only…yours is a page title. You have a couple options:

1. change the “Home” to something else like “Welcome to my site” or something like that, but change the menu item label to “Home” once you do that so the main menu still says “Home”.
2. use css to hide the title by doing something like this:

article#post-274 .page-title {
display: none;
}

The post id 274 will be different for you so you would have to look at your page ID either from the admin or the source code in your page.

[Sarah McDowell]

I am sorry but I have no idea where to look for this information. Are you referring to editing the style.css file?

What is the post id? Is it just the line number?

When you say admin do you mean the WordPress dashboard?

[Sushil Adhikari]

Correct on editing the style.css, but preferably using a CSS Editor plugin or child theme so you don’t lose changes with theme updates.
The post id is found when you look at the source code of a web page. The other method is when you are looking at all your posts in the dashboard (the admin), then mouseover each post name, at the bottom of your browser you will see the link to the post show. In that is a part that says post=123 (number will be different with each post). That is what you would use like the sample css I posted above. So if a post=123, then change the post-274 to post-123.

[Sarah McDowell]

Thanks, I will try to find the post id. I am using a child theme and editing in Notepad ++. Is this OK or should I get the CSS editor plugin? What do you recommend?

[Sushil Adhikari]

To make any css changes to the theme, you will need a plugin for that one, but if you are using a child theme, you can use its own style.css file instead (no plugin required).

[Sarah McDowell]

I’m still utterly lost on this one. How do you see all the posts in the dashboard? Do you mean in the WordPress dashboard? I am not sure where to look for this information.

[Sushil Adhikari]

When you are in your dashboard >> Posts >> All Posts, mouseover any of the post titles and you will see the post=number at the very bottom of your browser (if your browser has the status bar active of course. You can also open a post or page and look at the ID number in the permalink url that shows just underneath the title field.

[Sarah McDowell]

I did that and I don’t have any posts yet except for “Hello World”. What I am looking for is a page title, not post.

Do you mean by using Developer Tools in Chrome?

[Sushil Adhikari]

oh ok…sorry about that. Then instead of going to Posts >> All Posts….go to Pages >> All Pages and then mouseover the one for your front page.

[Sushil Adhikari]

This might help. Click on that button in the screenshot and a popup will show the link with the ID number of that page.

get-id.jpg

Attachments:

You must be logged in to view attached files.

[Sarah McDowell]

Thanks! I found out that the page ID is 9. So now what do I do with this information? Where in the style.css file do I add your changes? Does it matter where I would add the change to the file?

[Sushil Adhikari]

You would then add this to your child theme’s style.css

article#post-9 .page-title {
display: none;
}

[Sarah McDowell]

Thank you Andre! What I meant was would it make a difference where in the style.css file I added those lines. I thought that maybe the placement of those lines within the style.css file would matter.

I just did what you said above and it worked perfectly. This issue is solved, thanks so much!

[Sushil Adhikari]

Not really… if you already added css, just add the above css below the other that you have.

[Author]

Posts