Are you trying to figure out how to hide a page title in WordPress? Page titles are important; they give visitors a clear idea of what your page is about and help search engines understand your content.
But not every page needs its title showing. For example, if you’ve created a newsletter sign-up page, you don’t really need a big “Newsletter” heading displayed at the top. It can look repetitive or even clutter your design.
In this post, I’ll walk you through different methods you can use to hide a page title in WordPress. Before we dive into the how-to, let’s quickly look at why you might want to hide a title in the first place.
So, without any further ado, let’s get started.
Table Of Contents
1 Why Hide a Page Title in WordPress?
By default, WordPress displays the page title at the top of every page. It’s useful because it helps visitors and search engines understand what the page is about.
But sometimes, you may not want that title to be displayed. Here are a few reasons why you might choose to hide it:
- Cleaner design: If a title doesn’t fit well with your layout, hiding it can make your page look more polished and visually appealing.
- Landing pages: When you’re building a landing page for a campaign, you want all the attention on your content or call-to-action, not on a generic title.
- Utility pages: Pages like “Thank You” or “Newsletter” don’t really need a visible title. Removing it makes the experience smoother for your visitors.
- Creative freedom: Hiding the default title gives you more control over how your pages look, so you can design them exactly the way you want.
Now that you know why hiding a page title can be useful, let’s go over the different ways you can do it in WordPress.
2 How to Hide a Page Title in WordPress
There are a few ways to hide a page title in WordPress, including using custom CSS code or a plugin. Here are various methods that you can use to hide page titles in WordPress.
2.1 Hide a Page Title Using the Full Site Editor
If you’re using a Block theme, you can hide all your page titles using WordPress’s Full Site Editor.
Navigate to the Appearance menu and click the Editor option from your WordPress dashboard.
This will open your homepage in the Block Editor.
Click the Templates section in the left-side panel and select your page template to hide the title.
Next, you need to edit your template. To do so, click Edit template, as shown below.
Next, click on the three dots at the right end of the block’s toolbar and click Delete or Remove.
Once done, click the Save button at the top of the page. This will hide all WordPress page titles.
2.2 Hide a Page Title Using a Custom CSS Code
Using a custom CSS code is another method to hide a page title in WordPress. The best thing about this method is that it gives you more control over which page title to hide.
Follow the steps below to hide your page title using custom CSS code.
Identify Your Theme’s CSS Class for Page Titles
The first step in hiding a page title in WordPress is to know what CSS class your theme uses for the page titles.
Different WordPress themes can have other CSS classes for page titles, so identifying the correct class for your theme ensures that your custom CSS code will work as intended.
To identify the CSS class for your page, right-click on the page title element and select Inspect or Inspect Element, as shown below.
This will open the Developer tools as a new panel on the right side of the screen, highlighting the page’s title CSS code snippet.
The class will vary differently depending on the theme that you are using. For example, you’ll likely see the h1.wp-block-post-title in block themes, h1.site-title, h1.page-title, or something completely different.
Hide All Page Titles
If you want to hide all the page titles, use the following CSS code template and add it to your WordPress site.
.page .entry-title {
display: none;
}To do so, login to your WordPress dashboard and navigate to Appearance → Customize. Depending on your theme (block or classic), this option may look a little different.
Next, navigate to the Additional CSS section, as shown below.
Now paste the code as shown below.
Remember to replace the .entry-title with your theme’s actual page title CSS class.
Once done, click the Publish button to save the changes made.
Hide the Title for a Specific Page
If you want to hide the title of a specific page, add the following code snippet to your theme’s CSS file.
.page-id-0 .entry-title {
display: none;
}For the .page-id-0, you must replace the digit with the ID whose page’s title you want to hide.
Here’s how to get your WordPress page ID.
Navigate to Pages → All Pages, then locate the page that you want to hide the title.
Proceed and open the page using the WordPress editor. Pay attention to the URL in your browser’s address bar, and you should see a ‘post=’ section followed by a number.
Copy the post number and add it to the CSS code snippet. For example:
.page-id-134 .entry-title {
display: none;
}Once done, add the code snippet in your customizer Additional CSS section.
Continue and click the Publish button to save the changes.
Now, if you’re using a block theme as the standalone theme, you’ve probably noticed that it doesn’t support the customizer tool. To add custom CSS code, you need to access your theme style.css file from your WordPress core files and add the code from there.
This can be challenging for beginners as they don’t have prior coding experience. But you can use a code snippets plugin like the WPCode to add the CSS code.
You can refer to our guide on installing WordPress plugins to install and activate the plugin on your website.
After installing and activating the plugin, hover over the Code Snippets menu in your WordPress dashboard and click the Add Snippet option.
Click the Add Your Custom Code (New Snippet) option.
Now, paste the following code into the code box.
.page-id-134 .wp-block-post-title {
display: none;After that, select the Code Type as CSS Snippet, activate the code snippet and once done, hit the Save Snippet button.
This will hide the WordPress page title for the page with the page ID 134.
2.3 Hide a Page Title Using a Page Builder
If you’re using a page builder to build your WordPress website pages, you can also hide your WordPress page titles.
With page builders, you can only hide the specific page you’re building. We’ll show you how to hide a page title using the Elementor page builder.
Navigate to Pages → All Pages and locate the page that you want to hide the title.
Now, open the page by clicking the Edit with Elementor button on the top toolbar in the Block Editor.
In the Elementor page builder, click the Settings icon located at the top of the page.
In the General Settings section in the Settings tab, locate the Hide Title option and enable the toggle button.
Once done, click on the Update button to save the changes made.
2.4 Hide a Page Title Using a Plugin
You can also hide titles with the help of the Hide Titles plugin.
To get started, log in to your WordPress dashboard and navigate to Plugins → Add Plugin. Search for Hide Titles, then install and activate the plugin.
Once it’s active, open the post/page where you’d like to hide the title.
When you scroll down on the editor screen, you’ll see a new option labeled Hide Titles. Simply check the box to hide the title on that page, then click Save (or Publish if it’s a new page).
Now, when you view the page on the front end, you’ll notice the title is gone.
3 Conclusion
Your page title plays an important role in helping visitors and search engines understand your content. But as you’ve seen, there are times when hiding it makes more sense.
Whether you want a cleaner layout, a distraction-free landing page, or a custom design that matches your vision, hiding page titles gives you the flexibility to shape your site the way you want. It’s a simple tweak that can make a big difference in how your website looks and feels.
Now it’s your turn, try out the methods covered in this post, and see which one works best for your theme.
Did this post help you effectively hide your WordPress page titles? Let us know by tweeting @rankmathseo.
