Hide Page Title in WordPress (Safe Methods)

You don’t always want a giant page title at the top. Landing pages, hero-first designs, and custom layouts often look cleaner without it. The key is to hide the page title in WordPress without breaking semantics, accessibility, or SEO. This guide shows the safest ways—theme/block toggles and scoped CSS—plus an instant, no‑code option with MicroEdits.

If you’re crafting a bold hero, you might also want to add a video background hero or fine‑tune typography via change fonts in WordPress.

Overview

Most themes output a page title element (often an H1) above your content. You might hide it when:

• You’ve designed a hero section that already introduces the page.
• Your template repeats the title in the header area.
• You want a minimalist landing page layout.

Principles to keep in mind:

• Preserve structure. Keep a single, meaningful H1 on each page for clarity and crawlability.
• Prefer non‑destructive methods. Use theme/block toggles or CSS that targets specific pages rather than deleting template code wholesale.
• Watch spacing. Hiding a title can leave extra gap; tidy margins after.

Quick map of where titles usually come from:

For background, see the official Site Editor and the Post Title block docs.

Hide titles on specific pages with MicroEdits

MicroEdits lets you change your existing WordPress site by simply describing what you want. Say what you need—hide the page title on the About page only—and it takes care of the rest. No CSS hunting. No template spelunking. It scopes the change to the exact page, previews the result, and applies it instantly when you’re happy. You can share the preview with teammates and revert anytime.

It works on any existing site and doesn’t ask you to copy‑paste code or install extra builders. If you also want finishing touches—like embedding Calendly or a map in your hero—just ask. MicroEdits will place it neatly where it belongs.

Why this matters:

• No coding required.
• Safe, scoped changes you can preview and share.
• Instant apply and easy reversions.
• Works with WordPress (and other platforms) as‑is.

Theme and block options

Before writing CSS, check your theme’s built‑in controls.

Block themes (WordPress Site Editor):

1. Open Appearance → Editor (Site Editor).
2. Go to Templates → Page (or the template your page uses).
3. Select the Post Title block (often near the top).
4. Decide your scope:
   • To hide for all pages using that template: remove the Post Title block.
   • To hide on one specific page: create a custom template from the page editor (Pages → Edit page → Template → New), then remove the Post Title block in that one template.
5. Save and view the page.

Classic themes (Customizer and per‑page options):

1. Edit the page in the block editor and check the sidebar for theme options. Many themes (Astra, Kadence, GeneratePress, etc.) include a per‑page toggle like Disable Title or Hide Title.
2. If your theme includes a Blank or Canvas template, assign it to the page.
3. If you don’t see a toggle, use the scoped CSS method below.

Tip: Removing a title at the template level affects every page using that template. If you only want to adjust one page, create a dedicated template for that page.

Scoped CSS approach

When theme toggles aren’t available—or you want precise control—use minimal, targeted CSS. This is a non‑destructive method that changes presentation only.

Find the right selector:

• Inspect the title in your browser’s developer tools. Common matches are .wp-block-post-title, .entry-title, or .page-title.
• WordPress adds a page‑specific class to the body element like page-id-123. Use it to scope your change to one page.

How to get your page ID:

• In the admin, open the page and note the number in the URL (e.g., post=123).
• Or view source/inspect the body element on the front end to find page-id-123.

Prefer an accessible hide (keeps the heading for screen readers) when you still want a semantic H1 in the DOM:

/* Hide the title on a single page but keep it accessible */
.page-id-123 .wp-block-post-title,
.page-id-123 .entry-title {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

If you already display a replacement heading in your hero and need to remove the original entirely (including from the accessibility tree), collapse it fully:

/* Remove the original title completely on that page */
.page-id-123 .wp-block-post-title,
.page-id-123 .entry-title {
  display: none !important;
}

After hiding, clean up spacing:

/* Trim leftover spacing where the title used to be */
.page-id-123 .entry-header,
.page-id-123 .wp-block-post-title {
  margin: 0 !important;
  padding: 0 !important;
}

Where to paste CSS:

• Classic themes: Appearance → Customize → Additional CSS.
• Block themes: if your theme doesn’t expose Additional CSS, apply the change with MicroEdits (fastest) or your preferred safe method for adding small CSS. Reference: MDN on display and visually hidden content.

Troubleshooting

• Title selector isn’t matching. Inspect the element name and classes. Try one of these: .wp-block-post-title, .entry-title, .page-title. Some themes wrap the title; target the heading itself, not just the container.
• Duplicate headings. If you add a new hero heading but don’t remove the default, you might end up with two H1s. Keep one clear primary H1. Style the hero text as H1 and remove/hide the default, or keep the default accessible and make the hero an H2.
• Extra white space after hiding. The original heading often carries margin. Zero it out on the title and its header wrapper as shown above.
• “Hide header WordPress” vs hide title. The site header (logo/nav bar) is different from the page title. If your goal is the navigation area, see clean up your WordPress dropdown menu and related header adjustments.
• Change didn’t show up. Clear your caching plugin/CDN and hard‑refresh the page.
• Still stuck? Tell MicroEdits what you want in plain English—

  remove the page title on Services and tighten the spacing above the hero

  —and it will apply and preview the change for you.

FAQ

Will hiding the page title hurt SEO?

No—when done for design reasons and paired with a clear page heading somewhere in the layout. Prefer an accessible hide (so the semantic H1 remains) or provide a single replacement H1 in the hero. Avoid scattering multiple H1s with identical text, and keep your visible headline meaningful to visitors.

Is it better to hide or remove the H1?

Pick one primary H1. If your hero already contains the main headline, fully remove the default title on that page. If your hero is decorative, keep the default H1 and visually hide it while making the hero text an H2. Consistency matters more than the method.

How do I hide the title on just one page?

Target the page’s body class (e.g., page-id-123) and the title selector in your CSS. That scopes the change to a single page. Alternatively, with block themes, create a custom template for that page and delete the Post Title block in that template only.

What’s the difference between hiding the header and hiding the title?

The header is the site‑wide area with logo/navigation. The page title is the on‑page heading for the current page. To refine the header (menus, dropdowns, spacing), see our guide on improving dropdown menus in WordPress. To adjust titles, use the options and CSS here.

Where do I add custom CSS in WordPress?

Classic themes: Appearance → Customize → Additional CSS. Block themes may not show that screen; you can apply the change instantly with MicroEdits or use your preferred safe method for small CSS. Either way, keep changes scoped to specific pages and selectors.

Will hiding the title break breadcrumbs?

No. Breadcrumbs are generated separately by your theme or plugin. If breadcrumbs repeat the page title visually, adjust their settings or hide the title while leaving breadcrumbs intact. The goal is to avoid duplicate, stacked headings in the same spot.

If you’re sculpting a bold hero, don’t forget to pair it with clear typography—our guide on changing fonts in WordPress walks through the quickest routes.