How to hide post title?

magdanicola · Member · Jul 26, 2015 at 11:21 am
Copy link

Add topic to favorites
Hi, I’m using the Twenty Ten theme and I’d like to be able to hide the titles of the posts so they only appear in my menu but not on the actual site. Thanks in advance!

The blog I need help with is: (visible only to logged in users)
musicdoc1 · Member · Jul 26, 2015 at 3:44 pm
Copy link
Hi,
Two options:
1. To remove the title from the post itself, go to the post editor and delete the title. Then update the post. That’s it.
2. To hide the title without removing it, see the suggestions provided by thesacredpath in the forum topic Hide titles on pages.

I find no links to posts in the header menu of http://bienkocrosettolabs.org/. Are you referring to that site, or another perhaps?
thesacredpath · Member · Jul 27, 2015 at 2:42 am
Copy link
@magdanicola and @musicdoc1, I would not recommend #1 because it can possibly cause issues with the search engines which like to have titles on posts and pages. Post and Page titles can be hidden with CSS on a post-by-post and page-by-page basis, but it leaves the titles there for the search engines to find.
musicdoc1 · Member · Jul 27, 2015 at 4:02 am
Copy link
@ sacredpath,
You’re right. I should have left #1 out, especially since magdanicola specifically referred to the desire to hide the titles of posts, rather than remove them. I might have misread that earlier.
magdanicola · Member · Jul 31, 2015 at 9:27 am
Copy link
Hello again, looks like I’m not managing to update the CSS code to hide titles on selective pages. I’m pasting this in the css editor:

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

but this does nothing so I guess I’m not doing it correctly. I don’t really know how to specify a chosen page, as when I inspect individual titles they are all of the class “singular title”. I’d appreciate your help.
Thanks!
g471n · Member · Jul 31, 2015 at 10:07 am
Copy link
Hi

Try this:
```
.entry-header {
    display: none;
}
```
magdanicola · Member · Jul 31, 2015 at 3:12 pm
Copy link
Great, this worked! Thank you!
Any chance I could have it page-specific?
g471n · Member · Jul 31, 2015 at 5:00 pm
Copy link
You should be able to specify the page by using :

The ‘People’ page for example:
```
#people .entry-header {
    display: none;
}
```
thesacredpath · Member · Jul 31, 2015 at 8:36 pm
Copy link
@g471n, I’m not seeing a CSS id of “people” in the HTML of the People page. Generally if you are wanting to hide the title on a specific page, you can use the unique page ID CSS class that is defined in the opening body selector of that page. As an example, looking at the opening body selector on the People page, I find page-id-110. I can then create a CSS rule like the one below to hide the title of that page. Note that when creating a CSS class rule, a period ( . ) is put before the class name.
```
.page-id-110 .entry-header {
    display: none;
}
```
g471n · Member · Aug 1, 2015 at 3:09 pm
Copy link
Sorry … I should have made sure I had it right before posting.

Thank’s for putting things back on the right path ;)

I
thesacredpath · Member · Aug 2, 2015 at 5:57 am
Copy link
@g471n, no worries, and thanks for the help in the forums. It is greatly appreciated. :)
magdanicola · Member · Aug 2, 2015 at 8:45 am
Copy link
Thank you all for help! It works perfectly now!
thesacredpath · Member · Aug 4, 2015 at 8:02 pm
Copy link
You are welcome.

No items found.