How to Hide a Page Title in WordPress

Introduction to Hiding Titles

If you need to know how to hide the title of a page in wordpress, start with your theme settings. Many themes include a page-level option. You can also use CSS, Gutenberg, a page builder, or a plugin.

The right choice depends on how many pages need this change. CSS can hide one title or many. A template change may affect every page that uses that template.

Before changing code, make a backup. Use your host’s backup tool or a trusted backup plugin. Check that you can restore the copy. Test the change on a staging site if you have one.

Hiding a title often changes only what visitors see. The title may remain in the page source or WordPress admin. Keep a useful heading visible somewhere on the page.

Why Hide a Page Title?

A page title can clash with a custom hero area. It may also repeat a heading already shown in the page design. Some themes place the title in a header or breadcrumb trail. Hiding a second copy can make the layout feel cleaner.

Do not remove the only clear heading without a replacement. Visitors need to know what the page covers. Screen reader users also benefit from a strong heading near the start of the content.

Search engines may still read a title that CSS hides. Do not use hidden text to mislead them or add keywords that visitors cannot see. Keep the page’s visible content true to its subject.

• Hide a title when it repeats a visible heading.
• Keep a clear main heading on the page.
• Check the design on phones and desktop screens.
• Test keyboard use after making the change.

Manual Methods: Use CSS to Hide Titles

CSS is a quick way to hide titles across a site or on one page. The right selector depends on your theme. A common title class is .entry-title, but your theme may use .page-title or another name.

To find the class, open the live page in a desktop browser. Right-click the title and choose “Inspect” or “Inspect Element.” Find the title element in the code panel. Note its class name, then test the selector on a staging page.

Many WordPress themes offer a place to add CSS. Look under Appearance, then Customize, then Additional CSS. Some block themes place styles in Appearance, then Editor. Menu names can differ by theme and WordPress version.

To hide titles that use the common class across the site, add this rule:

.entry-title { display: none; }

This may hide post titles as well as page titles. To limit the rule to pages, try the page class used by your theme:

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

To hide one page title, use its page ID. WordPress often adds a body class such as .page-id-42. Replace 42 with the ID for your page:

.page-id-42 .entry-title { display: none; }

Find the page ID in the editor address, or inspect the page body class. If the title stays visible, the selector may not match your theme. Check the live page’s class names and adjust the rule.

After you save, clear your site cache if needed. Then check the page in a private browser window. Look at desktop and mobile views. CSS hides the title on screen, but usually leaves it in the page source.

Remove the Title Block in Gutenberg

Block themes may let you remove a Post Title block from a page template. First open the page in the editor. If the title is a block inside the page content, select it and remove it.

In many themes, the title belongs to a shared template. Open Appearance, then Editor, then Templates. Choose the template used by the page. Select its Post Title block and remove it only if you want the change across all pages using that template.

A shared template change can affect more than one page. To hide a title on one page, choose or make a separate template if your theme allows it. Add a Heading block in the page content if the design still needs a visible main heading.

Removing the block does not delete the page name from WordPress. The name can still appear in menus, admin screens, or search results. Preview the page before saving your changes.

Hide Titles with Page Builders

Many page builders have a title setting for each page. In Elementor, open the page for editing. Select the gear icon in the editor, then look for the “Hide Title” setting. Turn it on and preview the page.

The setting may depend on your theme. If you cannot find it, check the page settings panel and the theme’s page layout options. Some themes offer a blank or canvas layout that leaves out the header and title.

Other builders use different names for the same feature. Look for options such as “Hide page title,” “Disable title,” or “Blank page.” Check the builder’s help pages if the setting is not clear.

Builder settings are often the easiest way to hide one title. Still, check whether the page keeps a visible heading in its content. Preview mobile views and make sure the change did not remove other useful parts of the layout.

Use a Plugin to Hide a Page Title

A plugin can add a simple title control when your theme lacks one. Some plugins add a checkbox to the page editor. Others let you hide titles by post type or set rules for chosen pages.

Search the WordPress plugin directory for a title-hiding tool. Read the details before installing it. Check when it was last updated, which WordPress versions it supports, and whether users report problems with your theme.

Install only a plugin that meets your needs. Make a backup first, then try the setting on one page. Confirm that the title is hidden only where you want it hidden. Remove the plugin if it causes layout issues or adds features you do not need.

Plugins can be simple, but they still need care. Too many plugins can make updates and troubleshooting harder. If your theme already has a title setting, use that instead.

Choose the Right Method and Check the Result

For a single page, a theme setting or page builder control is often the safest choice. For several pages, CSS can save time. Use a template edit only when you understand which pages share that template.

To decide how to hide title in wordpress, first check the page and theme settings. If those lack an option, inspect the title class and use a page-specific CSS rule. When using Gutenberg, take care with shared templates.

If you want to learn how to hide title on wordpress page layouts without changing other pages, target that page alone. A builder setting, plugin control, or page ID selector can help. Test the change before applying it to more pages.

After you hide the title, review the page as a visitor. Make sure the page still has a clear heading, works on mobile, and reads well with a keyboard or screen reader. A clean design should not make the page harder to understand.