How to Remove Page Title in WordPress? (Beginner’s Guide 2023)  

How to Remove Page Title in WordPress

Want to know how to remove page title in WordPress? If you answered yes, this article is for you.   

A page title is an important part of the page. However, not every page needs a title. Other than that, removing and placing titles on different sections might give your page a more aesthetic vibe.  

So, in this article, we’ve mentioned various methods on how to remove page title in WordPress. Make sure you follow the article till the end. Before we learn how to remove page title in WordPress, let’s learn some benefits of removing page or post title in WordPress.   

Why Remove Page Title in WordPress?  

Page or Post title is important for search engines. Additionally, the page and post titles are useful to let users know where or which page they’re currently on.   

However, some pages such as landing or homepages do not necessarily require a title. Other than that, you may also want some pages to have a unique design.

Besides, WordPress comes with fixed positions for the title. But not everyone has the same taste regarding website design. Hence, you might want to put the title page on a different position.   

These are a few reasons why you might need to remove page title in WordPress. 

How to Remove Page Title in WordPress?  

By far, we’ve known the importance of removing page title in WordPress. So, let’s dive into the actual process of removing the title tag from the page and post.   

Method 1: Using WordPress Theme ( Zakra Theme)  

The very first method to remove a page header is using your WordPress theme’s editor. Many themes allow removal of the page title. Nonetheless, you need a theme that helps you easily remove page header and has many customization options.   

Zakra is one of those themes. It’s multipurpose, optimized for speed, highly customizable, SEO optimized, and so much more.   

Zakra New Homepage

To remove individual page header using Zakra, the obvious thing to do is to install and activate Zakra on your dashboard. Upon activation, you can import a demo of your choice.   

Next, go to Pages section from the left sidebar menu. You can find all the pre-built as well as newly created pages. Select the page you want to customize and click on Edit option.   

Page Navigation Option

On the page editor, scroll down until you find the Page Settings option. Now, under the Page Header section, uncheck the Enable Page Header checkbox to disable the page header.  

Disable Page Header

Hit the Update button, and that’s all; you’ve successfully removed the page title using Zakra.  

Method 2: Remove Page Title Using Plugin   

The second method on how to remove page title in WordPress is through a WordPress plugin.

Again, which plugin should you use is the question here. Well, AMS Hide Page and Post Title is the plugin we’re more than happy to suggest.   

AMS Hide Page and Post Title Plugin

AMS Hide Page and Post Title currently has more than 1000 active installations. This plugin allows you to hide individual pages and post title tags via the edit post screen.

After successfully installing the plugin, open the page or post you want to edit. On the right-hand side, you can find various post customization options. Scroll down until you find Hide Title option. Now, simply check on the Hide The Title checkbox and Update or Publish the Post or Page respectively.   

Hide Title Checkbox

You can see the title has been removed without any fuss.   

Method 3: Remove Title on Specific Page or Post Using CSS  

The third way of removing page title in WordPress is by using Additional CSS.

From your WordPress dashboard, go to the Page or Post section. Now, select the page/post you want to Edit.   

Edit Post Button

Next, look at the URL address in your browser. You can see something like ‘post = 829’ from the image below. Simply copy and save this number because that’s the post’s ID which you’ll need later for your CSS code.   

Post Number

Then, go to Appearance >> Customize.  You will be redirected to the WordPress customizer. On the left side, you can find all the customization menu. Select the Additional CSS option.   

Additional CSS Option

Add the following code snippet in the text editor section.   

.postid-829 .entry-title {  
display: none;  

Make sure to replace ‘829’ with whatever number is shown on your URL. Don’t forget to hit the Publish button to save all the changes.   

Additional CSS Code

You can still see the title? This might be because your WordPress theme may be using different CSS classes. This means that the post/page id will be different from the number shown on the URL.   

To find the correct ID, follow these steps.   

Open the page or post of which you want to remove the title. Next, open your browser’s developer console. Use the shortcut Ctrl + Shift + J if you’re using chrome. Similarly, use Command + Option + J shortcut on Mac. 

Apart from that, you can also right-click on the mouse. Select the Inspect option after that.

Inspect Post Id

On the developer’s console, click on the three dotted icon and select the Search option or use the shortcut Ctrl+Shift+F.   

Search Option for Page Id

You can find the search bar at the bottom of the developer console. Type <body class on the search bar and hit the Enter key.   

Page Id

You will find something like this if you’ve opened your WordPress page:   

<body class=”home page-template page-template-page-templates page-template-pagebuilder page-template-page-templatespagebuilder-php page page-id-1079 logged-in admin-bar no-customize-support wp-custom-logo theme-zakra woocommerce-no-js tg-no-content-margin tg-site-layout–stretched tg-container–wide has-page-header has-breadcrumbs woocommerce-active”> 

In the above sample code, you can see that the page id is 1079. Likewise, while you’re inspecting a WordPress post, this is what you’ll see:  

<body class=”post-template-default single single-post postid-829 single-format-standard logged-in admin-bar no-customize-support wp-custom-logo theme-zakra woocommerce-no-js tg-site-layout–right tg-container–wide has-page-header has-breadcrumbs woocommerce-active”>   

Here, the postid is 829. All you need to do is add the postid or page-id value to the CSS code we added earlier on the text editor.   

Don’t forget to click the Publish button. Now, you can see that the page/post title has been removed.   

The above process removes the title from an individual post and page. If you want to remove title from all the pages and posts add this code snippet to the text editor.   

display: none;

If you wish to hide just the titles from your pages but not posts then, add the following code.  

.page .entry-title{  

Similarly, to hide the title from your posts only, add these code to text editor.  

.post .entry-title{  

Wrapping It Up!  

Finally, we’re at the end of this article. We’ve explained three different methods you can implement to remove page or post title in WordPress. Please, choose whichever method you’re comfortable with. You can either use the Zakra theme, the AMS Hide Page, and Post Title plugin, or use CSS code to hide the title.  

Hope you found this article useful! If you did, please share it on your social media with your friends and family. You can also follow us on Twitter and Facebook for regular updates and exciting news.   

Before you leave, look at these amazing articles on how to make transparent header in WordPress and create a custom homepage in WordPress. If you want to learn more, feel free to check out our blog.   

Introducing modern block theme for magazine, news & blogging sites.

Priyanka Panjiyar

An enthusiastic Technical Writer and a Blogger. She spends her free time painting, watching movies and series, and listening to music. You can also connect with her on Twitter @Priyanka9502 and LinkedIn @priyanka panjiyar

Scroll to top

Pin It on Pinterest