Remove or Hide Titles on WordPress Posts and Pages

How to remove or hide titles on WordPress posts and pages? An all too frequently asked question.

Add CSS to Hide that Title

Adding some lines to your chosen theme’s style.css or your favorite Custom CSS plugin could make those unsightly titles disappear. A simple tutorial on CSS.

.entry-title {display: none;}

Will this work all the time?

No. It will depend on the theme you are using. Not all themes use the same IDs or Classes on their HTML elements. You might need to use a different one instead of .entry-title

How do I know which is the right ID or Class to replace .entry-title with?

Right click the page then select “View Source” or you could use firebug to determine what element to target. This is a better approach as you’ll see exactly what CSS lines to use.

Hide the Title only on Posts

.type-post .entry-title {display: none;}

Hide the Title only on Pages

.type-page .entry-title {display: none;}

Hide Title only on a Specific Post or Page

You can target a particular post or page’s title by using its Post-ID that is usually added as a class on the <body> tag.

E.g. Let’s say the Post-ID or Page-ID is 3604

.postid-3604 .entry-title {display: none;}

or

.page-id-3604 .entry-title {display: none;}

The Easiest and Most Obvious Way

– Edit the Post or Page.
– Delete the Post’s or Page’s Title near the top area of the editor.
– Click “Update”. Quick and painless, right?
This easy method won’t work all the time. It will depend again on the theme you use. Some themes add a “Untitled” text to replace the title if it is missing.

Share This Post :

Leave a Reply

Anything that resembles spam is deleted. Keyword names are also changed or deleted.

Note: When posting code, enclose it in pre and code tags.
e.g. <pre><code> Add code here </code></pre>

ronangelo © 2012 - 2016 Frontier Theme
css.php