How To Hide Page Titles In WordPress

How To Hide Page Titles In WordPress

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

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, go to the dashboard, and under Elementor > Settings, you will find the control: Page Title Selector

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.

How Do I Know What Class Name Is Being Used 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.

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

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before