How to Hide Page Title in WordPress [With or Without a Plugin]
Are you wondering how to hide page title in WordPress? By default, WordPress themes display the title in every post and page. But there are times when you want to remove the title:
- You have a landing page where you don’t need a title
- You need to remove the title from your homepage
- With the help of a page builder, you want to display a custom title instead of the default one
Whatever the case may be, it is possible to remove the title of your page.
And in this tutorial, I’ll show you the step-by-step process of how to hide the page title in WordPress, with or without the help of a plugin.
I’ll also explain how you can easily remove the title of the page if you’re using the Elementor page builder or popular themes like GeneratePress, Astra, or OceanWP.
Let’s get started.
How to Hide Page Title Using a Plugin
The easiest way to hide or remove the page title is to use a plugin. And you’ll find many plugins that can do this job for you.
One such plugin is Title Remover.
It is a free plugin with 100,000+ active installations and works perfectly with most WordPress themes. And you can use it to hide page and post title with a single click.
Let me show you how to use it.
First, you need to go to Plugins -> Add New from the left sidebar and then, search for the “Title Remover” plugin using the search box. Once you find it, you should install and activate the plugin.
Next, head over to Pages -> All Pages and then click on the page whose title needs to be removed. This will redirect you to the page editor.
Now you’ll have to find the option “Hide Title?” on the Document Settings panel, present on the right side of your screen.
Finally, check the “” box to hide the title of that page.
That’s all! You can now update the page to save the changes.
How to Hide the Page Title Without a Plugin
Say, you want to remove the title of just one or two pages on your WordPress site. In such cases, you may not want to install a plugin.
Also, some users don’t like to use a plugin for every problem.
The good news is there are 3 ways by which you can hide the page title without using a plugin. Let me show you how to hide the post or page title using each of them.
1. Don’t Add a Title
Sounds crazy, right?
Yes, you can keep the title field blank and this will serve your purpose. However, this method is NOT recommended for two reasons:
#1. WordPress adds (no title) to those pages whose title is kept blank.
If you have two or more pages without a title, it’ll be difficult for you to understand which page is for which purpose.
#2. If you keep the title field blank, the meta title of the page will also be blank. This is not good for SEO as search engines display the meta title in the search results.
Also, WordPress will use the page ID in the URL slug in such cases.
However, you can solve the above by editing the URL Slug field.
Also, if you are using an SEO plugin like Yoast SEO (or Rank Math), you can add the meta title in the SEO title field, present in the Yoast meta box.
2. CSS Method to Hide the Title
If you’re a DIY user, then you can use a bit of CSS to remove the title of a single page or all the pages on your website.
Let me show you how to do it.
[wphr_box_blue]Note: Don’t forget to backup your site before making any changes[/wphr_box_blue]
Step 1: First, you need to find the ID of the page.
The easiest way to get the page ID is to open the editor for that page and then check the address bar of your web browser. The page ID will be sandwiched between “post=” and “&action” in the URL.
You may follow my tutorial on how to find the page ID for detailed instructions.
Step 2: Go to Appearance -> Customize from the left sidebar of your admin panel to open the theme customizer.
Step 3: Click on the Additional CSS tab and then add the following code (replace XXXX with the ID of your page):
.page-id-XXXX .entry-title {display:none;}
And finally, click on Publish to save the changes
[wphr_box_blue]Want to hide the title of all the pages on your website? In that case, replace the above code with the following:
.page .entry-title {display:none;}[/wphr_box_blue]
While most themes use “entry-title” class for the page title, some themes may use a different class. And in such cases, the above code will not work.
However, you can find the title class by opening that page on your browser, then take your mouse cursor over the title, right-click on it, and click on Inspect.
This will open the Developer Tools. Now check the class name in the code:
In the above example, the Hestia theme is using the class “hestia-title” for its title. So go to the Theme Customizer now and replace entry-title with hestia-title if you’re using that theme.
Similarly, you can find the CSS class of the title in your theme. However, you may contact your developer (or ask me in the comment section) if you need any help.
3. Use Themes Having the “Hide Title” Option
Many themes like GeneratePress, Astra, and OceanWP have an in-built option to remove the page title.
So you can easily use them to hide the title of any page you like.
You can also use the Elementor page builder with your existing theme as it offers a feature to remove the page title.
In the next few sections, let me show how you can use the Elementor page builder or themes like GeneratePress, Astra, or OceanWP to disable the page title.
Let’s dive in.
Hide the Title of a Page in GeneratePress
GeneratePress is a popular WordPress theme that comes with a lot of features. And one such feature is to remove the page title.
To use that feature, you should first create a page (Pages -> Add New) or open an existing page. Next, find the Layout box, present on the right side of the page.
Here you need to click on the Disable Elements tab and then check the Content Title option. This will hide the title of the page. Simple, isn’t it?
Don’t forget to update the page to save the changes.
[wphr_box_blue]Not using GeneratePress theme? Download GeneratePress today![/wphr_box_blue]
Remove Page Title in Astra Theme
Astra is a popular WordPress theme that is highly customizable and user-friendly. And just like GeneratePress, they have an option to hide the title of the page.
To use that option, you should open the page you want to edit. On the page editor, you need to click on the Astra Settings tab, present on the right side of the page.
Here you should select the Disable Title option present below the Disable Sections. That’s it! You may now update the page to save the changes.
[wphr_box_blue]Not using Astra theme? Get started with Astra today![/wphr_box_blue]
Remove Page Title in OceanWP Theme
Another popular, lightweight, and feature-rich theme is OceanWP.
To disable the title in OceanWP, you’ll have to first install and activate the OceanWP Extra plugin. This free plugin adds extra features and allows you to customize individual posts and pages.
Next, open the page whose title needs to be removed. On the page editor, you need to scroll down to find the OceanWP Settings box, present below the editor.
Here you’ll have to click on the Title tab and then change the “Display Page Title” option to Disable. Once you update the page, the page title will be removed.
[wphr_box_blue]Not using OceanWP theme? Download OceanWP today![/wphr_box_blue]
How to Remove Page Title in Elementor
Elementor is one of the best page builder plugins available on the web. You can use its drag and drop interface to build stunning pages for your website.
To disable the page title in Elementor, you should first open the editor for that page and then, click on the Edit with Elementor button.
This will take you to the Elementor editor. Next, click on the settings icon, present at the bottom-left corner of your screen, to open the general settings.
Here you can click on the Hide Title toggle button to remove the page title. Finally, you should click on the publish or update button to save the changes.
[wphr_box_blue]Not using Elementor? Get started with Elementor today![/wphr_box_blue]
Final Thoughts
I hope this article helped you to learn how to hide page title in WordPress, with or without a plugin. It also explains how to remove the title in Elementor page builder or popular themes like GeneratePress, OceanWP, or Astra.
If you’re using any other theme or page builder and are not sure how to hide the page title, then feel free to ask me in the comment section.
[wphr_box_blue]What next? Here are some recommended articles you may read now:
Thanks for this article, much appreciated
Good explanation about the plugin usage
Thanks for the blog post. Really looking forward to read more. Great.