In the first example, I wanted my Tab title to say “Free Project Plans”, but this title is redundant because the projects page is actually subdivided into 4 sections, Lathe Projects, Mill Projects, Engine Plans, and Miscellaneous. Having “Free Project Plans” just above “Lathe Projects” not only looked funny, it was redundant.
In this nex example, I wanted a short, traditional “About” tab, but I wanted the title of the About page to be “About ProjectsInMetal.com”. One word tabs are great, 1 word page titles seem odd to me.
Adding “About ProjectsInMetal.com” was simple enough (by typing the text and changing the text type to Header1), but I still needed to get rid of the short “About” title (which incidentally is the slightly smaller, Header2).
So, how do you hide the title? It’s actually pretty simple. In my case, page titles are all Header2 in size. So I simply opened my CSS style sheet and changed the Header2 info from “font-size: 18px” to “display:none” (to make it invisible to the visitor). Click the image below to enlarge.
Here is what my CSS style sheet looked like after the changes.
Note, If you’re titles are Header1 in size, make your changes to H1, not H2. The size of your titles may be different, and will depend on how the theme designer created the theme.
After saving the changes to my CSS style sheet, my page now looks like this, with the page titles invisible.
For more information on other ways to hide the title of a WordPress page, visit this site.
Popularity: 93% [?]
5 USER COMMENTED IN THIS POST
Thanks for the info…
But does that not them prevent h2 headers from being used at all !
Yes might prevent all h2 headers from displaying. To get around this, make another header in your CSS file and call it something new (like h5 or h6, something that isn’t used yet). Then style it the same way you had h2 styled. Then when you need to use a font with the h2 size/shape, use h6 (or which ever one you created) instead.
I realise that you’re looking for as simple a way of doing this as possible.
However, as you’re doing this for all pages, wouldn’t it be better to edit your theme files to remove the page titles from the HTML, rather than leaving them in the HTML and hiding them using CSS. That would be a more efficient, more accessible, tidier way of doing it.
If you look for “the_title();” in your page.php theme file, you should be able to locate the code to remove relatively easily.
You’re absolutely right Tim, but back when I wrote this article I hadn’t thought to edit the PHP of my pages. I was only mucking with the CSS and HTML. Thanks for the tip!
I use the Socrates theme, this solution worked well on it should work on most themes;
Go to the style.css file and add this line:
#post-982 h2 {display: none;}
The “982″ will need replaced with your page number i.e “158″ or whatever.
If anyone figures out how to do a page range so that you can “set and forget” let us all know!
Leave A Reply