help center

Close this search box.
On this page

How to hide page titles in WordPress

Last Update: April 17, 2024

If you’re using Elementor, you can hide titles with one click, no need to use any code or any other plugin.

The process below describes hiding a page title in the Elementor Editor. However displaying the page name also depends on the theme you are using. For instance, the Hello Theme hides page names by default, so that you have to change the Hello Theme settings in order to see the page name. For more details, see Edit the Hello Theme settings.

Also note that when working in Elementor Full Canvas mode, the page name is never displayed.

Follow these steps:

1. Go to your page and click ‘ Edit with Elementor. Here we’ve prepared a page that has a title we are going to hide.

my website

2. Click the gear icon for  Document settings at the bottom left of the widget panel.

Document settings

3. Switch on ‘ Hide Title

Hide Title

4. Done! No coding and you successfully hid the title.

What to Do If Title Cannot Be Hidden

Note that if 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:

<h1 class="entry-title">Title</h1>

If your theme is using a different class, you’ll need to change the Page Title Selector.

  1. Simply “Edit with Elementor” any page or post
  2. Click the hamburger menu icon in the upper left corner of the Elementor Widget Panel, and click on Site Settings.
  3. Under Settings, click Layout.

Here you will see the Page Title Selector field with 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.

pagetitleselector How to hide page titles in WordPress 4

How Do I Know What Class Name My Theme Is Using For the H1 Title?

Visit your page in a Chrome browser, and then
right-click on the title to be hidden, choose
Inspect, and make a note of the H1 class name, which is shown in quotes, as demonstrated below.

How to hide page titles in WordPress 6

If the class name is “abc-page-title” for example, then you would type into the Page Title Selector in the Elementor > Settings > Style area mentioned above.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article