Hide titles on pages

maighreadtownsend · Member · Jul 9, 2015 at 7:14 pm
Copy link

Add topic to favorites
Hi,

I was just wondering if anyone can tell me how I hide my page titles using CSS? I have developed a work around using menu titles, but it’s far from ideal!

Thanks,
Maighread

The blog I need help with is: (visible only to logged in users)
musicdoc1 · Member · Jul 9, 2015 at 7:58 pm
Copy link
Hi,
Removing a title from a static page should be as simple as emptying the title field and updating the page. It looks like you may have already done that. I see no titles on your static pages, or on your category pages, “Portfolio,” and “Recent Stories.” Would you try explaining the issue again?
thesacredpath · Member · Jul 9, 2015 at 8:15 pm
Copy link
I would not advise not setting a title for posts and pages in the editor. Search engines want to see titles and can sometimes discount page ranking and placement in search results if pages and posts do not have titles.

I’m not seeing any titles either. Can you give us a link to an example?
maighreadtownsend · Member · Jul 9, 2015 at 8:52 pm
Copy link
The way I have done it at the moment is that I have removed the title from the ‘title’ section of a the post editor, but have instead named the pages in the menu. This is messy as it becomes very difficult to identify which page is which when working on background development.!The photographer theme automatically displays headings in upper case which I am not very keen on and don’t think some of the pages looks right when they have a title displayed. For example I don’t think there is a requirement for my home page to say ‘home’ above the gallery that is displayed on my home page. Does the make sense?
thesacredpath · Member · Jul 9, 2015 at 10:08 pm
Copy link
This will remove the titles from all static pages.
```
page .headline {
    display: none;
}
```
To change the text back to normal on page and post titles, you can use the following
```
.headline {
    text-transform: none;
}
```
Page titles can be hidden on a case-by-case basis using CSS and the unique page id class in the opening body HTML tag of that page, which you can find with the web inspector. As an example, this would hide the page title on your home page.
```
.page-id-50 .headline {
    display: none;
}
```
musicdoc1 · Member · Jul 9, 2015 at 11:17 pm
Copy link
@ thesacredpath,

Search engines want to see titles and can sometimes discount page ranking and placement in search results if pages and posts do not have titles.

Thanks. I didn’t know that. So search engines read page (or post) titles which are hidden, and rank such pages, when indexed, as if the titles weren’t hidden?
thesacredpath · Member · Jul 10, 2015 at 2:46 am
Copy link
So search engines read page (or post) titles which are hidden, and rank such pages, when indexed, as if the titles weren’t hidden?

There are rumors that hidden text can raise a flag with search engines, but I’ve seen no evidence that they whack legitimate things, like hiding a page title. They are more interesting in those that try hide things in order to try and “game” the system and get better placement on search engines and such. Legitimate use of display none and visibility hidden doesn’t cause issues.
maighreadtownsend · Member · Jul 11, 2015 at 8:06 am
Copy link
Hi,

I am just catching up on this. Thanks for all of your advice. It worked :).

Thanks,
Maighread
thesacredpath · Member · Jul 11, 2015 at 8:25 am
Copy link
Maighread, you are welcome.
camwayne79 · Member · Aug 7, 2015 at 6:30 am
Copy link
When you say:

This will remove the titles from all static pages.
.page .headline {
display: none;
}

Where exactly do we put that code?

Thanks.
g471n · Member · Aug 7, 2015 at 6:39 am
Copy link
Hi camwayne79

You need to be on the WordPress.com Premium Plan.

Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

No items found.