Skip to content
CodeinWP content is free. When you purchase through referral links on our site, we earn a commission. Learn more
Home / Blog / How to Hide Page Titles in Wor...

How to Hide Page Titles in WordPress: 4 Easy Methods

Want to learn how to hide page titles in WordPress?

Although WordPress does not offer a native feature to hide page titles, you have plenty of options to get the job done, including both code-free options and custom CSS.

In this article, you’ll learn four methods that you can use to hide the title for individual pieces of content or for all of your content:

how to hide page titles in WordPress.
  1. A free plugin 🔌 – just check a box in the WordPress editor
  2. Your theme’s built 🎨 – in options, if your theme supports it
  3. Some simple custom CSS 👨‍💻 – if you feel comfortable adding some code
  4. The Elementor plugin 🏗️ – if you’re already using Elementor on your site

Let’s get started.

Pros and cons of hiding titles on WordPress sites

Before we show you how to hide page titles in WordPress, let’s take a quick look at the positive and negative effects of hiding titles on a WordPress website.

It might be necessary to remove titles from certain pages, like the home page, about, features, and service pages, as the title makes the page design look unprofessional.

page title of a homepage.

Moreover, some pages contain header elements with an existing title, making it unnecessary to have another title on the top of the page.

two titles in same page.

In such cases, removing the title improves the design of the page and helps make it look professional.

On the flip side, removing titles can negatively affect your site’s SEO.

The title is an important on-page SEO element that provides a concise summary of the content of a page for readers and search engines.

Removing the title will make it harder for search engines to understand what the post or page is about and how to rank it in the search engine. As for readers, they are so used to page titles that pages without titles will seem odd and untrustworthy.

These are the pros and cons of removing page titles from your WordPress website. Despite knowing the negative impacts of removing titles, if you still want to go ahead and do it, then proceed to the next section.

How to hide page titles in WordPress

In this section, we have covered four tutorials for how to hide page titles in WordPress:

  1. Hide posts and page titles using a free plugin
  2. Hide posts and page titles using your current theme (if your theme offers this feature)
  3. Use custom CSS to hide all posts & page titles or single post & page title
  4. Hide single post and page title using Elementor

1. Hide posts and page titles using a free plugin 🔌

If your theme doesn’t offer a built-in feature to hide page titles (more on that next), the simplest solution for how to hide page titles in WordPress is to use a free plugin.

The most popular plugins for hiding titles from WordPress websites are WP 4 Me Title Remover, Title Remover, and Hide Page And Post Title. You can select any one of these plugins, they are all super easy to use.

For this example, we’ll use the free WP 4 Me Title Remover plugin, but most of these plugins work in the same way.

Here’s all you need to do:

  1. Install and activate the plugin on your website – it’s listed for free at WordPress.org.
  2. Open the WordPress editor for the post or page where you want to hide the title.
  3. Look for the new Hide the title for this item checkbox in the Post sidebar.
  4. Check the box and update your post.

You’ll still see the post title in the WordPress editor and in your backend WordPress dashboard, but the title will be hidden on the frontend of your site.

how to hide title using WP 4 Me Title Remover.

The only drawback of using plugins is that they don’t offer bulk title removal options.

If you want to remove titles from all your posts or pages, you will need to open an individual post and page, select the hide title option, update the post or page, and proceed to do the same for all your posts or pages.

It’s a time-consuming task.

Alternatively, you can use one of the other options on this list, such as the custom CSS snippets that we’ll cover later on.

2. Hide posts and page titles using your current theme 🎨

Some of the best WordPress themes offer features to hide posts and page titles.

In this section, we are going to use Neve to demonstrate how to hide titles using a theme. However, many other popular themes offer similar options, including Astra, GeneratePress, OceanWP, Kadence Theme, and so on.

Neve theme.

If you’re not sure whether or not your theme supports these options, you can consult your theme developer’s documentation.

How to hide the title for an individual post or page

If you only want to hide the post or page title for an individual piece of content, you can use Neve’s page-level controls (or your theme’s page-level controls):

  1. Open the WordPress editor for the piece of content where you want to hide the title. We’ll use a post for this first example, but the basic approach is the same for a page.
  2. Click on the Neve icon in the top-right corner.
  3. Click the eyeball icon next to Post Title in the Elements list.
post level title removal neve.

Your post title will still be visible in the WordPress editor. However, it will be hidden on the frontend of your site.

If you’re editing a page (instead of a post), the interface will be a little different. Instead of seeing the Elements list, you’ll just see an option to Disable Title in the Neve Options area.

page level title removal neve theme.

How to hide post or page title for entire site

If you’d rather hide titles across your entire site, Neve also gives you options to do that.

To start, go to Appearance → Customize → Layout → Pages and toggle the Disable Title option. This will remove all page titles (not posts) from your WordPress site.

disable all page titles neve.

To remove all your post titles, open the theme’s Customizer and go to Layout → Single Posts → Elements Order and deselect the eye symbol that appears adjacent to the Title & Meta option. This will remove the title from all your posts along with their meta information like published date, author name, category, and the number of comments.

all post title and meta removal neve.

3. How to hide page titles in WordPress using CSS 👨‍💻

If you feel comfortable working with custom CSS, CSS offers another solution for how to hide page titles in WordPress.

We will show you how to hide posts and page titles by adding a CSS code to your site.

But first, we recommend you take a backup of your entire WordPress website. Adding CSS code can impact your site negatively which means you could end up with a broken website.

The backup will be your safety net. If things go south, the backup copy will help revert your website to its normal state.

So, take a backup before you proceed with the tutorials below.

How to hide all post or page titles using CSS

The CSS code you need to add to hide post titles is different from the code you need to hide page titles.

To hide all post titles, open your dashboard and go to Appearance → Customize → Additional CSS and paste the following code at the end of the CSS box:

.post .entry-title { display: none; }
Code language: CSS (css)

And to hide all your page titles, you need the following CSS code:

.page .entry-title { display: none; }
Code language: CSS (css)

Hit the Publish button and check your posts and pages.

css code to remove all posts and pages titles.

⚠️ IMPORTANT: In case the titles are still showing as the codes did not work on your site, you will need to modify them. Here’s how:

Open a page or a post. Right-click on the title and select the Inspect option.

A new panel will open from below or sides of the page showing the title class name. For instance, the class name of our page title looks like this:

<h1 class="entry-title">Hello world!</h1>

post id in developer console.

But for you, the code may show “post-title,” “page-title,” or something completely different to “entry-title.”

Open the Additional CSS in your customizer and swap the “entry-title” in the CSS code with your own class name.

Let’s say that your class name is “page-title,” then your CSS code should look like this:

.page .page-title { display: none; }
Code language: CSS (css)

Hit the Publish button, and that’s it.

How to hide individual post or page titles using CSS

To hide the title for a single post or page, here’s what you need to do:

Go to Pages → All Pages or Posts → All Posts.

Then hover your cursor over the post or page title.

Next, look at the left bottom of the screen. You should see a link containing an ID. To identify the ID, look for the “post=” section:

How to hide page titles in WordPress using CSS: locating page ID step.

Another way to identify the ID is to select the Edit button underneath the post or page. Next, look at the URL in your browser’s address bar. You will find a “post=” section. This contains the ID.

As you can see from the image below, our page ID is 947. Your page ID will most likely be different.

Be sure to make a note of your ID.

How to hide page titles in WordPress using CSS: post id in url.

Then go to Appearance → Customize → Additional CSS and add the following code for hiding a specific post title:

.postid-947 .entry-title { display: none; }
Code language: CSS (css)

Add the following code for hiding a specific page title:

.page-id-947 .entry-title { display: none; {

Replace our IDs with your own ID and hit the Publish button.

What if the CSS code doesn’t work?

If the CSS code doesn’t work, then that just means that the ID you used in the code was not the correct ID.

You can find the correct ID by using the browser’s developer console.

Open the post or page whose title you want to hide, right-click anywhere on the screen, and select the Inspect button.

browser inspect option.

The browser’s developer console will instantly slide in from the bottom of the screen.

Navigate to the right side of the console, select the three-dotted icon, and then hit the Search button.

developer console three dot option - how to hide page titles in WordPress.

A search bar will appear at the bottom of the screen. In that, type “<body class” and hit Enter.

As soon as you do this, a line of code will appear containing your correct ID. Make a note of the ID.

search body class in developer console - how to hide page titles in WordPress.

Then go back to the Additional CSS option and replace your previous ID with the new one. Hit the Publish button and the title from that particular page will become invisible.

4. Hide a single post and page title using Elementor 🏗️

If you are already using Elementor on your site, then it makes another great option for how to hide page titles in WordPress. Here’s how:

Go to Pages → All Pages or Posts → All Posts and select Edit with Elementor.

hide title in elementor - how to hide page titles in WordPress.

On the next page, select the Settings icon appearing in the bottom left corner of the screen.

See the Hide Title toggle button still? Toggle the button to Yes and hit the Update or Publish button.

Elementor will remove the title of that particular post or page.

And with that, we have come to the end of this tutorial on how to hide page titles in WordPress.

That’s how to hide page titles in WordPress! 🎯

Hiding titles from certain posts and pages is a necessary step that helps improve the design of the post or page.

Simply deleting the title is not a solution because WordPress will show your post in menus and blogs as having no title.

For the simplest solutions for how to hide page titles in WordPress, you can use a free plugin like WP 4 Me Title Remover. Or, if you’re using a flexible theme like Neve, you can hide titles using your theme’s built-in options.

For more advanced users, you can also hide WordPress post or page titles using CSS. Or, if you’re using Elementor, remember it includes a dedicated feature for that. ⚙️

That’s it for this one. If you have any questions about how to hide page titles in WordPress, let us know in the comment section below.

Don’t forget to join our crash course on speeding up your WordPress site. Learn more below:

 
Sufia Banu
Show Comments

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!

Most Searched Articles

Best JavaScript Libraries and Frameworks: Try These 14 in 2023

In this post, we look at the best JavaScript libraries and frameworks to try out this year. Why? Well, with JavaScript being available in every web browser, this makes it the most accessible programming language of ...

30 Best Free WordPress Themes for 2023 (Responsive, Mobile-Ready, Beautiful)

If you're looking for only the best free WordPress themes in the market for this year, then you're in the right place. We have more than enough such themes for you right ...

12 Best WordPress Hosting Providers of 2023 Compared & Tested

Looking for the best WordPress hosting that you can actually afford? We did the testing for you. Here are 10+ best hosts on the market ...

Handpicked Articles

How to Make a WordPress Website: Ultimate Guide for All Users – Beginners, Intermediate, Advanced

Many people wonder how to make a WordPress website. They’ve heard about WordPress, its incredible popularity, excellent features and designs, and now they want to join the pack and build a WordPress website of their own. So, where does one get ...

How to Start an Ecommerce Business: Ultimate Guide for 2023

Is this going to be the year you learn how to start an eCommerce business from scratch? You’re certainly in the right place! This guide will give you a roadmap to getting from 0 to a fully functional eCommerce business. ...