How to Hide or Remove Page Titles in WordPress (7 Easy Methods)

Want a cleaner homepage, a distraction-free landing page, or a hero section that doesn’t fight with a big default heading? The fix is usually the same: hide the page title in WordPress. It’s a small change, and you can do it in under two minutes once you know which method fits your setup.

The catch is that “which method” depends on your theme, your page builder, and whether you want the title gone from one page or your whole site. A block theme handles this differently than a classic theme, and Elementor has its own toggle that classic WordPress users never see.

Below are seven ways to hide or remove page titles in WordPress: theme settings, the Site Editor, CSS, Elementor, a theme builder, a plugin, and code. Each one has different SEO and accessibility consequences, so pick with your eyes open. You don’t want to trade rankings for aesthetics.

Hiding vs. Removing a Page Title: What’s the Difference?

These two words get used interchangeably, but they describe different things, and the difference matters for SEO.

• Hiding a title keeps it in the page’s HTML but makes it invisible to visitors, usually with CSS. Search engines and screen readers can still see it, so the page keeps its context. Think of it as an invisibility cloak.
• Removing a title deletes it from the HTML entirely. The page looks the same to visitors, but search engines lose a piece of contextual information, and screen reader users lose the heading that tells them what the page is about.

For most sites, hiding is the safer choice. Removing makes sense mainly on pages built entirely in a page builder, where your design already includes its own H1 heading and the theme’s title would be a duplicate.

Page Title vs. SEO Title: Don’t Confuse the Two

One quick clarification before the methods, because this trips up a lot of people. The page title you see on the page (the H1 heading) and the SEO title (the title tag that shows in Google results and the browser tab) are two different things.

Every method in this guide affects only the visible on-page title. Your SEO title, set by your theme or an SEO plugin like Yoast or Rank Math, stays exactly where it is. So hiding the on-page title will not blank out your listing in search results.

Method 1: Use Your Theme’s Built-In Hide Title Option

Before touching CSS or plugins, check whether your theme already solves this. Many popular themes ship with a per-page title toggle:

• Astra adds a “Disable Title” checkbox in the page sidebar settings.
• GeneratePress includes title visibility controls under its Layout meta box.
• Kadence and Neve offer similar per-page toggles.

Open any page in the editor, look at the settings sidebar on the right, and scan for an option named “Disable Title”, “Hide Title”, or “Title Visibility”. If it’s there, tick it, update the page, and you’re done. No code, no plugin, applied to just that page.

If you’re still choosing a theme for your next project, our roundup of the best Elementor themes covers several that include this toggle out of the box.

Method 2: Hide Page Titles in a Block Theme (Site Editor)

Using a block theme like Twenty Twenty-Four or Twenty Twenty-Five? You’ll see Appearance > Editor in your dashboard instead of the old Customizer. You have two options here.

Option A: Remove the Title block from the template

This removes the title from every page that uses the template:

1. Go to Appearance > Editor > Templates.
2. Open the Pages template (or whichever template your page uses).
3. Click the Title block, open the three-dot options menu, and choose Delete.
4. Save the template.

This is a true removal: the title is gone from the HTML. Pages using that template will need their own heading, so add a Heading block near the top of each one. Otherwise visitors and search engines land on a page with no H1 at all. The WordPress Title block documentation covers this block in more detail.

Option B: Hide the title with CSS (keeps SEO value)

If you’d rather hide than remove, add a small CSS rule instead:

1. Navigate to Appearance > Editor > Styles.
2. Click the Edit (pen) icon, then the three-dot menu, and choose Additional CSS.
3. Paste in the following code and save.

.wp-block-post-title {
    display: none;
}

Here’s the whole process on screen:

One thing to know: this hides the title on every page and post. To target only pages, use .page .wp-block-post-title instead. And if the title still shows after saving, hard refresh the page (Ctrl+Shift+R), since your browser is probably serving the old stylesheet from cache.

Method 3: Hide Titles with CSS in the Theme Customizer (Classic Themes)

If Appearance > Customize shows up in your dashboard, you’re on a classic theme, and the Customizer’s Additional CSS panel is the quickest plugin-free route.

First, find the CSS class your theme uses for titles. Right-click the title on any page, choose Inspect, and look at the heading element. In most classic themes the class is entry-title, but don’t assume. Plenty of themes rename it, and a rule that targets the wrong class does nothing. Then:

1. Go to Appearance > Customize > Additional CSS.
2. Add the rule below and publish.

.post .entry-title {
    display: none;
}

Swap .post for .page to target pages, or use .page-id-42 .entry-title to hide the title on a single page (you’ll find the ID in the page’s edit URL, covered in Method 7).

Pros of the CSS approach:

• No plugin required.
• The title stays in the HTML, so SEO and screen readers are unaffected.
• You can target one page, all pages, or all posts with a single selector.

Cons:

• Every theme names its title class differently, so you may need to inspect first.
• If you switch themes, the rule may stop matching and the titles reappear.

Method 4: Hide the Page Title in Elementor

Elementor users get the easiest method of all, and it works in the free version. Open the page in the Elementor editor, click the Settings (gear) icon at the bottom-left of the panel, and switch on Hide Title. Update the page and the theme’s title disappears from that page only.

The setting applies per page, so it fits landing pages where you’re designing your own hero section anyway. Since you’re building the page visually, add your own Heading widget set to H1 so the page still has a proper heading structure. Our guide to custom WordPress layouts with Elementor goes deeper on structuring builder-made pages.

Hide Title not working? Fix the title selector

Elementor hides titles by matching common CSS classes like entry-title. If your theme uses a custom class, the toggle silently fails. This one catches a lot of people, and the fix takes a minute:

1. Inspect your page title in the browser and copy its CSS class.
2. In Elementor, go to Site Settings > Layout.
3. Paste the class (for example h1.custom-title) into the Page Title Selector field and save.

The Hide Title toggle now knows what to look for. Elementor’s own Hide Title documentation covers this setting as well.

Alternative: use the Elementor Canvas layout

For landing pages, there’s a blunter instrument. In the same page settings panel, change Page Layout to Elementor Canvas. Canvas strips the theme’s header, footer, and title area in one move, leaving you a blank slate. Use it when you want full design control; skip it when you still need your site’s navigation, or pair it with your own header built with a Theme Builder.

Method 5: Remove Titles Site-Wide with a Theme Builder

Everything so far works page by page, or hides titles with CSS. If you want titles gone from every blog post or every page at the template level, a theme builder is the cleaner answer, because you control exactly which elements a template renders.

With Elementor Pro, go to Templates > Theme Builder > Single Post, edit your single post template, select the Post Title element, and delete it.

If you don’t have an existing single post template, create one from scratch or import one from the template library, then remove the Post Title widget before publishing.

Don’t want to pay for Elementor Pro just for this? Master Addons includes its own Theme Builder that lets you build headers, footers, single post templates, archives, and 404 pages with the free version of Elementor. The Header, Footer and Comment Builder documentation walks through the setup, and the same template control means you decide whether a title appears at all. It’s the same approach we use in our guide to editing your footer in WordPress using Elementor.

Pros:

• One template edit covers every post or page of that type.
• Full visual control, no code.
• You can pair it with display conditions to show different layouts for different content.

Cons:

• Requires Elementor Pro or a theme builder plugin like Master Addons.
• This is a true removal, so your template needs another H1, such as a Heading widget pulling the post title dynamically where you want it.

Method 6: Use a Title Remover Plugin

If you’d rather click a checkbox than write CSS, the free Title Remover plugin does one job well. Install and activate it, and every page, post, and custom post type gets a “Hide the title for this item” checkbox in its settings panel. Tick it on the pages you want, leave it off everywhere else.

It’s the most beginner-friendly option, though it does add one more plugin to maintain. If your theme or page builder already offers a toggle (Methods 1 and 4), use those first and keep your plugin list short. A leaner stack also helps with load times, something we cover in our post on how to speed up Elementor websites.

Method 7: Remove Titles with Code (functions.php)

Comfortable editing theme files? You can filter titles out at the PHP level. Add these snippets to your child theme’s functions.php file. Use a child theme so a theme update doesn’t wipe your changes, and back up first.

Remove the title from single blog posts

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Remove the title from a specific page

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Replace YOUR_PAGE_ID with the ID of the page you’re targeting. The in_the_loop() check matters: without it, the filter can also blank out your navigation menu labels and widget titles. I’ve seen that exact mistake take out an entire nav menu on a live site.

How to find a page ID

Open the page in the WordPress editor and look at the URL in your browser’s address bar. The number after post= is the page ID.

This method is a true removal, so reserve it for cases where the theme offers no toggle and CSS isn’t an option. If you’re already in functions.php territory, you might also like our tutorial on how to disable the autosave feature with a similar snippet.

SEO, UX, and Accessibility: What Hiding Titles Actually Affects

Before you hide titles across your site, weigh the trade-offs.

SEO. Hiding with CSS keeps the H1 in your HTML, so search engines still read it. Removing the title deletes that signal, and a page without any H1 gives Google less context about the content. If you remove a title, always replace it with another H1 somewhere in your design. For a broader checklist, see our SEO practices for Elementor guide.

User experience. On landing pages, dropping the default title usually helps: fewer competing elements, clearer path to the call to action. On blog posts and documentation, titles orient readers. Removing them there tends to confuse more than it polishes.

Accessibility. Screen readers rely on headings to navigate a page. A CSS-hidden title is still announced, so accessibility is preserved. A removed title with no replacement H1 leaves screen reader users guessing. If your design replaces the title, make the replacement a real heading element, not styled paragraph text.

When to Hide Titles and When to Keep Them

Keep titles visible when:

• The page is a blog post, doc, or anything readers arrive at from search.
• You need a clear content hierarchy for navigation and SEO.
• The title provides context the rest of the page doesn’t repeat.

Hide or remove titles when:

• You’re building landing pages with their own hero headline.
• The homepage design already communicates what the site is.
• The theme’s title placement clashes with a design you built in Elementor, for example a full-width hero under a sticky header in Elementor.

Frequently Asked Questions

Wrapping Up

Hiding or removing page titles in WordPress comes down to picking the method that matches your setup. Check your theme’s built-in toggle first, use the Site Editor or Customizer CSS for a site-wide hide, reach for Elementor’s Hide Title on individual landing pages, and use a theme builder when you want template-level control without titles anywhere.

Whichever route you take, remember the rule of thumb: hide with CSS when you want to keep the SEO value, and if you truly remove a title, give the page another H1 in its place.

If you’re building custom layouts anyway, take a look at the full set of Master Addons widgets and extensions. The Theme Builder, Custom CSS extension, and 76+ other tools handle jobs like this without extra plugins, and the pricing page shows what’s included in the free and Pro versions.