How To Hide Page Titles in WordPress Using Elementor

Sometimes you will want or need to hide page titles for one reason or another. Maybe you don’t want a page title showing on a landing page you created in Elementor. You can do this with one click using Elementor. There is no need to learn code or have any plugins.

In this tutorial, I will show you how to quickly and easily hide a page title in WordPress using Elementor.

Hide Page Titles in WordPress Using Elementor

Step 1: Log In To WordPress Admin

In order to hide page titles in WordPress, you first need to log in to the admin dashboard of your site.

Log in to admin dashboard

Once you have logged in to your WordPress admin area

Step 2: Choose a Page to Edit

Go to the page you want to edit and click the ‘Edit with Elementor” tab located at the top of the page.

Click on edit with elementor tab

I have prepared a page title that I am going to hide to show you how this works. Remember, this is the way to hide page titles using Elementor. There is also a way to do it if you aren’t running Elementor. WordPress provides its own option.

Step 3: Click on Elementor Settings Icon

Now click on “Settings” located on the bottom left of the page.

Click settings on the bottom right

Step 4: Turn On the “Hide Title” Option

You will now see an option to “Hide Title” in the settings. Turn it on and then update the page.

Turn on hide title

There you go. You have now hidden the page title properly and you are all set.

How to Find a Theme’s Title Selector

There may be some cases where your theme is using a different class for the title, this option won’t automatically work and you will have to manually set it.

The default class for most themes is:

[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]

Title

[/ht_message]

If your theme is using a different class, go to the dashboard, and under Elementor > Settings, you will find the control, “Page Title Selector.” This is located within the “Style” tab.

Page title selector

You will also see the description:

Elementor lets you hide the page title. This works for themes that have “h1.entry-title” selector. If your theme’s selector is different, please enter it above.

Now, add your theme’s selector for the title, and the hide title functionality should now work.

Find the Title Selector Without Elementor

If you need to find the theme’s title selector and you are not using Elementor to do it as described above, then you can use something like the development tools in Chrome.

This is helpful when you come across issues, or if Elementor is not using the correct class name in the same above.

For instance, not all developers use “entry-title” for the class ID.

Go to the page in your Chrome browser that you want to hide the title for. Right-click on the title that you want to be hidden and click on the “Inspect” option.

Right click on title and select inspect

Make note of the H1 class name that you see highlighted in the element inspector.

Make note of H1 title class name

Now, once you have this information, make the changes you need. For example, if the class name is “entry-title” (as in the image above), then you would type h1.entry-title into the Page Title Selector in the Elementor > Settings > Style area that is mentioned above.

Remember, not every developer is going to use the same class for the header. So, this is perhaps one of the easiest ways to see the theme’s class name.

Final Thoughts

If you want to tell WordPress “don’t show page title,” then the steps above should work well if you are using the Elementor page builder.

Please note that steps may not work perfectly depending on theme functionality on how it interacts with Elementor. There may be a built-in theme option that simply allows you to hide page titles that way. That being said, the above process should work on most themes using Elementor.

18 thoughts on “How To Hide Page Titles in WordPress Using Elementor”

  1. You need some instructions on exactly how to find your theme’s title selector when this sequence does not work.
    View a page your have created with the theme, then right click on it, select View Source and search for this:
    to find this nearby: —your page name—
    In this example enter h1.page-title in the Page Title Selector on the Settings page.

    Elementor offers nothing on this, yet there is room on the settings section of the editor for a line about what to do if it does not work and a link to take you to the Settings page!
    There’s plenty more room in that side bar for these few lines of instruction that make life easier. It just should not be that hard to include this.

  2. Clearly the plugin removed the html from my comment.
    In View source you need to search for this: header class equals “page-header”
    nearby is h1 class equals “page-title” followed by your page name
    Maybe this will get posted, or you could create some screen shots to illustrate.

  3. Hi SL,
    I’ve done everything you’ve mentioned starting from “View Page Source” on my main homepage (via google chrome as my browser). I’ve searched up what you said to search up and found h1 class equals “page-title”>Home<

    I've tried to put it in the settings, and the title still isn't hiding. Elementors customer service is picky and will only accept Pro users. Any ideas on how to work this further?

  4. Update Comment: OK I FIXED IT!
    Literally just type in h1.page-title
    with no quotation marks or hyphens or this “>” thing.

    Hope this helps anyone who has a different title selector

  5. Hi there, i m facing the same issue with ”hide title’ function’ not working.
    can someone advice me on what to input on the “Page Title Selector” field.
    btw i m using the OceanWP theme.

    *i have tired h1.page-title which chunk mention but is it not working.

  6. This does not work, your footer templates are messing up the site. I’m so fed up with Elementor I’m done!!! Going to WP Bakery, an editor that actually works!!!!

  7. thank you its really work..

    I put the elementor on homepage.. but when i apply, there is a stripe (-) on the tab beside the site name..

    So its basically

    – SiteName

    how can i get rid of it?

    1. Jeremy Holcombe

      Hi John,

      Seems to me that this will have to do with the SEO setup you have. Check you theme SEO settings there should be a way to get rid of that… just depends on what theme. If you are using Yoast SEO you can also change that to anything you want in their settings.

  8. I am using ocean wp and I used h1.page-header-title and it hit the title, but the grey background bar is still there! lol how do I get rid of this other than putting my header photo over it?

  9. It didn’t work for me. I have the title selector h1.page-title and put that in. Still didn’t work. I’m using the Mero Blog theme.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.