{"id":761,"date":"2019-11-21T07:35:19","date_gmt":"2019-11-21T07:35:19","guid":{"rendered":"http:\/\/blog.hostinger.io\/hostinger-tutorials\/uncategorized\/how-to-hide-page-title-wordpress\/"},"modified":"2025-04-23T09:13:59","modified_gmt":"2025-04-23T09:13:59","slug":"how-to-hide-page-title-wordpress","status":"publish","type":"post","link":"\/in\/tutorials\/how-to-hide-page-title-wordpress","title":{"rendered":"How to Hide Page Title in WordPress – Manually and Using a Plugin"},"content":{"rendered":"

As a WordPress website<\/a> owner, you might have experienced the following situation – you’re ready to publish a page or post but its title doesn’t quite fit in with your WordPress theme or design. <\/p>

You may be ready to remove the title completely, but that may negatively impact your WordPress website SEO<\/a> and performance. Don’t worry, however – there’s a solution to this problem. You can hide the page or post title instead of deleting it.<\/p>

This guide will show you a few ways of doing that in WordPress. They include manually adding code to your theme’s stylesheet, using the Gutenberg editor, and installing a third-party tool. <\/p>

We’ll also go over the reasons why you may want to hide titles in the first place.<\/p>

How to Hide Post or Page Titles Manually in the Theme Customizer<\/h2>

Before we proceed with the tutorial, go ahead and make a backup of your WordPress site<\/a>. As some of the methods involve editing theme files, the backup will protect you against the loss of data if an error occurs during the process. <\/p>

Do not be alarmed, however – the guide is beginner-friendly and straightforward to follow. <\/p>

Hide All Page Titles<\/h3>

If you want to hide all titles of every page of your WordPress website, proceed with the tutorial below:<\/p>

    \n
  1. On the WordPress dashboard<\/a><\/strong>, hover over Appearance <\/strong>and select Customize<\/strong>.<\/li>\n<\/ol>
    \n
    \"Appearance<\/a><\/figure><\/div>
      \n
    1. Locate and click on Additional CSS<\/strong>.<\/li>\n<\/ol>
      \n
      \"Additional<\/a><\/figure><\/div>
        \n
      1. Copy and paste the following code:
        .page .entry-title {<\/code>
        display: none;<\/code>
        }<\/code><\/li>\n<\/ol>
        \n
        \"Additional<\/a><\/figure><\/div>
          \n
        1. Press Publish<\/strong>.<\/li>\n<\/ol>

          If the above code doesn’t work, your theme might be using a different CSS class for titles. If this is the case, you’ll have to tweak the code a little. <\/p>

          Follow these steps to find your theme’s page and post title class:<\/p>

            \n
          1. In the website preview panel of the theme customizer, right-click on the page title and select the Inspect <\/strong>element.<\/li>\n<\/ol>
            \n
            \"Right-click<\/a><\/figure><\/div>
              \n
            1. A new panel will open with the title or H1 CSS class name highlighted in the page source code. For example:
              <h1 class=\"entry-title\">Sample Page<\/h1><\/code><\/code><\/li>\n<\/ol>
              \n
              \"Source<\/a><\/figure><\/div>

              Instead of entry-title<\/code>, you might see the CSS class name post-title<\/code>, page-title<\/code>, or something completely different. <\/p>

              In the code snippet we used earlier, swap the .entry-title element<\/code> with the CSS class assigned by your theme.<\/p>

              The new code will look something like this:<\/p>

              .page .page-title {\ndisplay: none;\n}<\/pre>
              Enter it into the Additional CSS <\/strong>field <\/strong>and click Publish<\/strong>. The page titles will now be hidden.<\/p>
              Hide a Specific Page Title<\/h3>
              The following section will teach you how to hide a specific page’s title. To do that, you will first have to find the page’s ID. <\/strong>Here’s how to do it:<\/p>
                \n
              1. Access the dashboard<\/strong> and go to Pages -> All Pages<\/strong>.<\/li>\n<\/ol>
                \n
                \"Pages<\/a><\/figure><\/div>
                  \n
                1. Hover over the page of your choice, then over Edit. <\/strong>Don’t click it.<\/li>\n<\/ol>
                  \n
                  \"WordPress<\/a><\/figure><\/div>
                    \n
                  1. You’ll see the page ID in the URL at the bottom of your browser. In the example below, the page ID is 2.<\/li>\n<\/ol>
                    \n
                    \"Pages<\/a><\/figure><\/div>
                    Once you have the page ID, add the CSS code.<\/strong><\/p>
                      \n
                    1. Navigate to Appearance -> Customize<\/strong>, then click on Additional CSS<\/strong>.<\/li>\n\n\n\n
                    2. Add the following code:
                      .page-id-2 .entry-title{<\/code>
                      display:none;<\/code>
                      }<\/code>
                      Remember to replace .page-id-2<\/code> with the ID of the page you’re trying to hide the title of.<\/li>\n<\/ol>
                      \n
                      \"Customizing<\/a><\/figure><\/div>
                        \n
                      1. Publish<\/strong> the page.<\/li>\n<\/ol>
                        The page title should now be invisible to visitors. <\/p>
                        If this had no effect, you might need to change the title’s CSS class, as it may differ depending on the theme you use. To do that, follow the instructions in the previous section.<\/p>
                        If there still are no changes, add !important<\/strong> to the code, like so: <\/p>
                        .page-id-2 .entry-title{\ndisplay:none !important;\n}<\/pre>
                        Hide Blog Post Titles<\/h3>
                        In addition to hiding individual or all WordPress page titles, it’s also possible to hide the titles of blog posts only. The process is similar, but you’ll have to use a different code snippet.<\/p>
                        To hide every blog post title on your website, follow these steps:<\/p>
                          \n
                        1. From the dashboard, go to Appearance -> Customize<\/strong>.<\/li>\n\n\n\n
                        2. Press on Additional CSS<\/strong>, then copy and paste the CSS code below:
                          .post .entry-title {<\/code>
                          display: none;<\/code>
                          }<\/code><\/li>\n<\/ol>
                          \n
                          \"Additional<\/a><\/figure><\/div>
                            \n
                          1. Publish <\/strong>the post.<\/li>\n<\/ol>
                            In some cases, you might want to hide the title of an individual WordPress post<\/a> instead of all of them. For example, you may wish to include a featured image<\/a> in a specific article – you’d then want to hide the title of that entry only. <\/p>
                            The process to do so is similar to hiding the title of a single page, which we discussed earlier. To accomplish this, follow these steps:<\/p>
                              \n
                            1. Open the dashboard and navigate to Posts -> All Posts<\/strong>.<\/li>\n<\/ol>
                              \n
                              \"Posts<\/a><\/figure><\/div>
                                \n
                              1. Locate the post whose title you want to hide, and hover over the Edit <\/strong>button. You will see the post ID<\/strong> at the bottom of your browser. In our example, the post ID is 1. <\/li>\n<\/ol>
                                \n
                                \"WordPress<\/a><\/figure><\/div>
                                  \n
                                1. Go to Appearance -> Customize<\/strong>, and click on Additional CSS<\/strong>.<\/li>\n\n\n\n
                                2. Add the code:
                                  .postid-1 .entry-title {<\/code>
                                  display: none;<\/code>
                                  {<\/code>
                                  Don’t forget to change .postid-1<\/code><\/code><\/code> to match the post ID that you’re working with.<\/li>\n<\/ol>
                                  \n
                                  \"Additional<\/a><\/figure><\/div>
                                    \n
                                  1. Press Publish<\/strong>.<\/li>\n<\/ol>
                                    It is also possible to hide the title of every page and post on your site. <\/p>
                                    To do so, add the code below to the Additional CSS<\/strong> field: <\/p>
                                    .entry-title {\ndisplay: none;\n}<\/pre>
                                    How to Hide Page or Post Titles Using Gutenberg Editor<\/h2>
                                    For beginners, hiding the post and page titles manually through CSS may seem intimidating. Fortunately, there are alternative solutions where using the above CSS code is not necessary. <\/p>
                                    If you don’t want to hide post or page titles with the Theme Customizer, leverage the built-in Gutenberg editor to do the job. This method lets you hide all page titles or target a specific one.<\/p>
                                    Hide All Page Titles<\/h3>
                                    As Gutenberg is a block editor, removing the Post Title<\/strong> block will omit that element from all pages. Here’s how to do it:<\/p>
                                    1. Navigate to Appearance <\/strong>→ Editor <\/strong>from your WordPress dashboard.<\/p>
                                    \n
                                    \"WordPress<\/a><\/figure><\/div>
                                    2. Select Templates → Page<\/strong>. It will lead you to the page template.<\/p>
                                    \n
                                    \"The<\/a><\/figure><\/div>
                                    3. Select the Post Title<\/strong> block to activate it. Click on the three-dots menu<\/strong> and pick Remove Post Title<\/strong>. Don’t forget to hit the Save <\/strong>button at the top right of the editor to apply the change.<\/p>
                                    \n
                                    \"The<\/a><\/figure><\/div>
                                    Hide a Specific Page Title<\/h3>
                                    If you want to hide the title of a specific page or post, build a new template without the Post Title<\/strong> block. Here’s how to do it:<\/p>
                                    1. Go to Appearance <\/strong>→ Editor <\/strong>→ Templates <\/strong>from your WordPress dashboard.<\/p>
                                    2. Click on the plus symbol and pick Single item: Post<\/strong>.<\/p>
                                    \n
                                    \"Creating<\/a><\/figure><\/div>
                                    3. When Gutenberg asks whether you want to create a new template for all items or a specific one, choose Post <\/strong>for the latter. Proceed to pick the page or post you want to modify.<\/p>
                                    \n
                                    \"The<\/a><\/figure><\/div>
                                    4. Click the Post Title<\/strong> block to display the toolbar. Select the three-dots menu and hit Remove Post Title<\/strong>. Once you’re done, hit Save<\/strong>.<\/p>
                                    How to Hide Page or Post Titles Using Third-Party Tools<\/h2>
                                    Alternatively, hiding page titles in WordPress can be easily done with third-party tools. In this section, we will show you how to do so using a page builder<\/a> and a WordPress plugin.<\/p>
                                    Hide Page Titles Using a Page Builder<\/h3>
                                    If you’re using a builder tool such as Elementor, follow the tutorial below:<\/p>
                                      \n
                                    1. Access your WordPress dashboard<\/strong> and go to Pages -> All Pages<\/strong>.<\/li>\n\n\n\n
                                    2. Hover over any page whose title you want to hide, then select Edit with Elementor<\/strong>.<\/li>\n<\/ol>
                                      \n
                                      \"Pages<\/a><\/figure><\/div>
                                        \n
                                      1. Click on the Settings <\/strong>icon in the bottom left corner.<\/li>\n<\/ol>
                                        \n
                                        \"Elementor<\/a><\/figure><\/div>
                                          \n
                                        1. Flick the Hide Title<\/strong> button to YES<\/strong>.<\/li>\n<\/ol>
                                          \n
                                          \"Hide<\/a><\/figure><\/div>
                                          Click Update <\/strong>or Publish <\/strong>if you’re working on a new page. The page title will now be hidden. <\/p>
                                          Hide Page and Post Titles Using a Plugin<\/h3>
                                          Another method to hide page titles in WordPress is to install a plugin<\/a> for that purpose. In this guide, we’ll be using the Hide Page and Post Title<\/a> plugin. <\/p>
                                          Title Remover<\/a> is another plugin that you can use to hide page titles. <\/p>
                                          Once you’ve installed and activated the plugin, proceed with the following steps:<\/p>
                                            \n
                                          1. Go to Pages -> All Pages<\/strong> and click Edit <\/strong>under the particular page whose title you want to hide.<\/li>\n\n\n\n
                                          2. Press the Settings <\/strong>button and scroll down to the Hide Page and Post Title <\/strong>section.<\/li>\n\n\n\n
                                          3. Tick the checkbox to have the page title hidden, then press Update<\/strong>.
                                            <\/li>\n<\/ol>
                                            \n
                                            \"Hide<\/a><\/figure><\/div>
                                            That’s it – the page title will now be hidden.<\/p>
                                            How to Remove WordPress Page or Post Titles<\/h2>
                                            You might consider removing WordPress page titles completely instead of hiding them. If that’s the case, make sure there’s a valid reason for you to do this.<\/p>
                                            This is because deleting a title in WordPress is risky – especially if your site has many pages. One reason for this is that upon deleting the titles, you won’t be able to tell a page from another on the page or post list. <\/p>
                                            What’s more, WordPress uses titles to generate permalinks, which are crucial for search engine optimization<\/a> (SEO). If a page has no title, WordPress may end up creating a string of random numbers and letters for the permalink. <\/p>
                                            Search engines may then identify your page as spam. If this happens, it will negatively affect the page’s rank, and you’ll eventually lose a significant amount of traffic.<\/p>
                                            Furthermore, removing page titles in WordPress may cause broken permalink<\/a> issues, making your pages inaccessible. <\/p>
                                            To prevent this, you can manually enter your own permalink slugs. Keep in mind that you’d need to do this for every page and post you publish.<\/p>
                                            If you have decided to go ahead and remove the title of a page, there are a couple of ways to do it. <\/p>
                                            The most straightforward method involves leaving the title <\/strong>field blank before publishing. <\/p>
                                            You can also delete the title of specific pages or posts by following these steps:<\/p>
                                              \n
                                            1. Navigate to Pages -> All Pages<\/strong> or Posts -> All Posts <\/strong>from your WordPress dashboard<\/strong>.<\/li>\n\n\n\n
                                            2. Hover over a particular post or page, then select Quick Edit<\/strong>.<\/li>\n<\/ol>
                                              \n
                                              \"WordPress<\/a><\/figure><\/div>
                                                \n
                                              1. Delete the title text, and click Update<\/strong>.<\/li>\n<\/ol>
                                                \n
                                                \"Quick<\/a><\/figure><\/div>
                                                Why Should You Hide Page Titles?<\/h2>
                                                Websites usually contain some pages that do not need a title. It’s not necessary to display the titles of pages like Home, Contact, About, and Products. <\/p>
                                                Depending on the design of your website, showing the titles of these or other pages may not be aesthetically pleasing, or it might make the page look unprofessional. <\/p>
                                                Having the title displayed may be redundant in other cases – some WordPress themes show the page title on the banner. <\/p>
                                                Alternatively, the title may be part of the site’s breadcrumbs<\/a>. Plus, users may already know which page they are on after clicking on a menu item. <\/p>
                                                The landing page of a website doesn’t require a title, either – it can distract visitors from important elements, such as call-to-action buttons or sign-up forms. The purpose of a landing page is to increase conversion rates, so it’s better to welcome visitors with eye-catching content right from the get-go.<\/p>
                                                Page Titles and SEO<\/h2>
                                                Search engines read page elements, including tiles, page hierarchy, and page text when they crawl a web page. It’s done to determine what the page is about and if the content is worth ranking.<\/p>
                                                Though both title and H1 tags are used for a site’s SEO, they are two different elements. <\/p>
                                                The title tag <title><\/code>, also known as the meta tag or SEO title, is what shows up on search engine results pages (SERPs) and the webpage’s browser tab. It’s the default bookmark title as well. The title tag is not visible in the body or content itself. <\/p>
                                                On the other hand, the H1 tag <h1><\/code> is visible in the body of the page and usually doesn’t appear on SERPs. It determines the heading hierarchy of the post and helps search engines understand the context of the page.<\/p>
                                                If your WordPress pages don’t have titles or H1 headings, search engines will not be able to figure out the context of your site during the crawling process. Instead, they will take the first string of text or heading from a page and use it as the title. <\/p>
                                                Because of that, your pages may rank lower on SERPs. As a consequence, this would result in lower website traffic since visitors wouldn’t be able to come across your content.<\/p>
                                                \n\n\n
                                                \n                    
                                                Pro Tip<\/h4>\n                    
                                                The page title is not the only ranking factor. Good Core Web Vitals<\/a> and an active SSL certificate are equally important in SEO, and these are possible if you use a trusted web host. <\/p>\n                <\/div>\n\n\n
                                                \"\"<\/a><\/figure>\n\n\n\n<\/p>
                                                Conclusion<\/h2>
                                                When publishing a page or post, there are times when the title is not necessary or doesn’t fit with the website’s overall design. <\/p>
                                                However, because a page or post title is an integral part of a site’s SEO, it’s not advisable to delete it completely.<\/p>
                                                A safe solution is to hide the page title. We’ve gone over three different ways to hide titles in WordPress:<\/p>