How To Hide a Page Title in WordPress in 2023

First impressions matter. You might more readily remember the Indian restaurant that serves food in a thali than a restaurant that sticks to the norms.

On your website, that first impression comes from its design — from the color palette you use to the elements you include on a webpage. 

However, it’s not always about what you include. Sometimes you can improve the web design by removing distractions. One everyday use case is hiding page titles from landing pages, Contact Us pages, and About Us pages.  

Let’s explore why hiding page titles can be beneficial and different ways to hide them to make your website pop. 

What is a WordPress page or post title?

A WordPress page title is a text displayed at the top of a webpage to capture visitors’ attention and help them understand what that page or post is about. You typically also use <h1> HTML tag for them to relay the page’s main theme to search crawlers. 

But let’s not confuse the H1 WordPress page titles with SEO titles. The SEO title — or meta title — appears only on search engine results pages (SERPs), not on the webpage.

Common reasons for hiding page or post titles in WordPress

You might want to hide a page title on your WordPress website for several reasons.

Shifting the focus to content

You might want to create a unique and creative layout that emphasizes the content rather than the title. For example, you might hide the page title on particular pages, such as a landing page or a thank you page, to create a more focused and streamlined user experience.

You can see it in effect on the Inflatable 3D Alphabet landing page. It uses a hidden page title to create a more engaging header emphasizing the advertised product.

Creating a dynamic custom header

Hiding a post title can be helpful when creating a custom header or banner for a post or page in which the post title box is replaced with a custom image or design.

Stephen Bell’s website is a perfect example of this. The homepage consists of a static image with Stephen's name in bold, animated letters over it. To achieve this effect, you must hide the page title to avoid duplication.

Opting for a minimalist design

Similarly, you might hide page titles when creating a cleaner and more minimalistic design.

For example, if you have an image-heavy or portfolio website, you might want the readers to focus on images instead of the page title.

Downsides to hiding a page title in WordPress

In some cases, hiding the post or page title might be unnecessary or counterproductive, as a well-crafted title can help grab users' attention and encourage them to read or engage with the content. 

A couple of drawbacks of hiding the page title include:

• Difficulty in navigation: Hiding the post title can make it more difficult for users to navigate the website, especially if they are trying to find a specific post or page using the search function or the website menu.

• Low accessibility: It can make it more difficult for screen readers and other accessibility tools to correctly identify and navigate the content, potentially excluding users with disabilities from accessing the website.

• Ambiguous referencing: If the post or page contains important information or data, hiding the title may make it more difficult for users to cite or reference the content in their own work or research.

5 popular methods for hiding a page or post title

There are many ways to hide a page or blog post title on WordPress websites. We’ll look at five of them, explaining how to perform each method step by step.

Method 1: How to hide a page title in WordPress using the Elementor page builder

With the Elementor page builder, hiding page titles is as easy as clicking a button. Here’s how:

1. Log in to the WordPress admin area and choose a page to edit by clicking Edit with Elementor.

2. At the bottom left of the widget panel, click on the Elementor Settings icon.

3. Toggle the Hide Title option, and that should hide the page title.

If this doesn’t work, your theme might be using a different CSS class for the title. In that case, you must change the Page Title Selector.

1. Click on the hamburger menu in the upper left corner of the Elementor Widget panel.

2. Go to Site Settings > Layout.

3. Under the Page Title Selector field, type in h1.[class_name].

To find out the class name your theme uses for the title tag, open the webpage in a new tab in Google Chrome. Right-click on the heading in question and click Inspect. The element will be highlighted in the code box displayed on the right side of the screen. Write down the H1 class name.

Method 2: How to hide a page title in WordPress using a WP plugin

Alternatively, you can use a plugin to hide page titles.

One of the most popular options is the Title Remover plugin, boasting over 100,000 active installations. It’s simple to use, too. 

All you have to do is install and activate it, and a checkbox labeled Hide the title for this item will appear in the page settings panel of the page editor. 

Toggle the checkbox, and that’s it; the page title will be hidden.

Method 3: How to hide all page titles in WordPress using custom CSS code

Another option is using custom CSS code to hide all page titles across your website. Here's how to do it step by step:

1. Log in to your WordPress dashboard by visiting [yourdomain.com]/wp-admin. Replace yourdomain.com with your website’s domain. 

2. Go to Appearance > Customize.

3. Open the Additional CSS menu.

4. In the code box that appears, paste the following code:

.entry-title {

display: none;

}

5. Click on the Publish button to save the changes you've made to the CSS.

Once you've completed these steps, all page titles on your WordPress website should be hidden. If you want to show page titles again in the future, you can simply remove the custom CSS code you added.

Note: Replace “entry-title” in step. 4 by your H1’s class name if you use a different CSS class for H1. 

Method 4: How to hide a specific page title in WordPress using custom CSS code

Sometimes, you might not want to hide all page titles across your website. You might only want to target specific pages. In such cases, you can use custom CSS code to achieve the desired result.

1. Navigate to Appearance > Customize > Additional CSS.

2. In the code box that appears, paste the following code:

.page-id-123 .entry-title {

   display: none;

}

• Replace "123" with the ID number of the page you want to hide the title of. You can find the page ID number by going to Pages in the WordPress dashboard, hovering over the page you want to edit and looking at the URL that appears in the bottom left of your browser window. The ID number will be near the end of the URL.

  • Replace “entry-title” with your H1’s class name if you’re using a different CSS class for H1. 

3. Click on the Publish button to save the changes you've made to the CSS.

Method 5: How to manually delete a page title in WordPress

The final method we'll cover is manually deleting the page title. Here's how:

1. From your WordPress dashboard, navigate to Pages on the left-hand side menu and select the page you want to hide the title for.

2. Delete the title text in the Page Title field.

3. Click the Publish button to save your changes.

Final thoughts: How to hide a page title in WordPress

So there you have it: five ways to hide a post title in WordPress.

Hiding your post and page titles can offer a more streamlined user experience and provide more consistent and better-organized navigation. But it also comes with its drawbacks.

Whatever your reasons are for opting to hide your page titles, remember to keep the drawbacks in mind and find ways to mitigate them. 

You can further improve your website's front and back end by signing up for a Bluehost WordPress hosting plan. Get started today to lock in up to a 73% discount on all WordPress hosting plans and enjoy 75% faster performance.