How to Hide Page Titles in WordPress: 6 Easy and Safe Methods

Page titles help structure your content and guide visitors. But in some designs, they just get in the way.

If you’re building a clean homepage, a landing page, or a visual portfolio, the default title can feel out of place. It may disrupt your layout, repeat information, or distract from your main content. WordPress automatically adds titles, but that doesn’t mean you have to keep them visible.

There are safe ways to hide page titles without affecting your layout, SEO, or accessibility.

In this guide, you’ll learn six practical methods to hide page titles in WordPress. We’ll walk through theme settings, CSS, plugins, and more. Each method includes clear steps, pros, and cons, along with helpful tips to help you in choosing the one that best suits your setup.

Why You Might Want to Hide Page Titles in WordPress

Titles are added by default in WordPress, but that doesn’t mean they always belong. Depending on your design, hiding the page title can improve layout, clarity, and the overall user experience.

Here are some common reasons to hide them:

1. Cleaner, more visual design

If you’re using a hero image, banner, or custom header, the default title can create awkward spacing or disrupt your layout. Hiding it gives you more control over the visual hierarchy.

2. Focused landing pages

On conversion-driven pages, every element matters. A generic title can distract from your message or push key content farther down the page.

3. Redundant labels

Pages like “Home,” “About,” or “Contact” usually don’t need visible titles. Visitors already know where they are from the menu or page layout.

4. Portfolio or gallery layouts

If your site emphasizes images, keeping the page clean and distraction-free is key. Removing the title helps maintain a visual-first experience.

5. Custom headings already in use

If you’ve added a styled heading through a block or page builder, showing the default title can feel repetitive or out of place.

What Happens When You Hide a Page Title?

Before we delve into the details, it’s essential to understand what actually happens when you hide a title in WordPress.

When you use CSS or a plugin to hide a title, it’s still there in the code just not visible to users. This means the page’s structure remains intact, and tools such as search engines and screen readers can still access it.

However, if you delete the title entirely, such as by removing it in the block editor, it also disappears from the HTML. This can impact your SEO, accessibility, and even your site structure in some cases.

Our recommendation: Hide the title visually, but keep it in the code. It’s safer, cleaner, and better for long-term performance.

Do Titles Still Matter for SEO and Accessibility?

Yes, and they matter a lot.

Even if the title isn’t visible on the page, it plays a key role behind the scenes:

1) SEO

Search engines like Google rely on the page’s heading structure, mainly the <h1> tag to understand what the page is about. Hiding a title with CSS preserves the original structure without affecting your rankings.

2) Accessibility

Screen readers and other assistive tools use headings to help users navigate a page. If the main title is missing from the code, it can make the experience confusing or incomplete for those users.

Best practice: Keep the title in your site’s code and hide it only with CSS or a plugin. That way, you maintain both visual flexibility and technical soundness.

Always Back Up Before Making Changes

Before making any design or layout changes, take a full backup of your site. This is especially important if you’re editing code, installing plugins, or modifying theme settings.

If you’re hosting on Cloudways, you can create a one-click backup directly from your application panel. Doing so gives you a restore point in case anything goes wrong, and peace of mind while testing changes.

6 Safe Methods to Hide Page Titles in WordPress

Now that you know when and why to hide page titles and why it’s important to do it the right way, let’s go over six reliable methods you can use.

Each method offers a different level of control, depending on your theme, tools, and comfort with code. We’ll start with the simplest options and move toward more advanced techniques for developers and site managers.

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

Many popular WordPress themes include an option to hide the page title, requiring no plugins or code. If your theme supports this feature, it’s the fastest and safest method.

Common themes that offer this:

• Astra
• OceanWP
• Neve
• GeneratePress
• Kadence

How to Hide the Title Using Theme Settings:

Follow the steps below:

• Open your WordPress dashboard.
• Go to Pages > All Pages and click Edit on the page you want to update.

• In the right-hand sidebar, look for a panel labeled Page Settings, Layout, or something similar. (I’m using Neve theme, and it shows Page Settings on the top)

• Find an option such as ‘Hide Title‘, ‘Disable Title‘, or ‘Show Page Title‘, and turn it off.

• Click Update to save your changes.

If you don’t see the option:

• Go to Appearance > Customize and check your theme’s layout or page settings.

• Review the theme’s documentation, or reach out to support. Not all themes offer this on a per-page basis.

Pros & Cons of This Method:

Pros:

• Easy for beginners
• No coding required
• Built directly into the theme editor

Cons:

• Not available in every theme
• May not apply to blog posts or archive pages

Method 2: Hide Titles with Custom CSS

If your theme does not have a built-in setting to hide page titles, custom CSS is a safe and flexible alternative. This method hides the title visually but keeps it in the code, which is better for SEO and accessibility.

You can apply it across your entire site or target individual pages.

To hide titles on all pages:

• Go to Appearance > Customize > Additional CSS in your WordPress dashboard.

• Paste the following code:

.entry-title {
display: none;
}

• Click Publish to apply the changes.

This works for most themes that use the .entry-title class to display page titles.

To hide the title on a specific page only:

• Go to Pages > All Pages.

• Hover over the page you want to edit and check the browser URL preview. Look for post=123 or a similar number. That is your page ID.

• Go to Appearance > Customize > Additional CSS in your WordPress dashboard.

• Use this code instead, replacing 123 with your actual page ID:

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

If the title still shows:

Your theme might use a different class name. Here’s how to find it:

1. Open the page in your browser.
2. Right-click on the title and choose Inspect.
3. Look for a class like .page-title, .nv-page-title, or .post-title.
4. Replace .entry-title in your CSS with the class used by your theme.

Optional: Remove extra spacing

Sometimes, hiding the title leaves empty space at the top of the page. You can fix that by resetting the margin and padding:

.page-id-123 .entry-title {
display: none;
margin: 0;
padding: 0;
}

Pros & Cons of This Method:

Pros:

• Lightweight and efficient
• No plugins required
• Good for selective title removal

Cons:

• Requires basic CSS knowledge
• May not remove spacing automatically

Method 3: Use a Plugin to Hide Page Titles

If editing CSS is not your thing, using a plugin is the simplest option. Several plugins can hide titles with a few clicks, no code needed.

How to use it:

• Go to Plugins > Add Plugin.

• Search for a title remover plugin.

• Install and activate the plugin.

• After activation, go to the plugin’s settings page to configure your preferences.
• You can select whether to show all titles or hide them.

• Click Save Changes to save your changes.
• Go to Pages to check if the titles are appearing or not.

Pros & Cons of This Method:

Pros:

• No coding required
• Quick and beginner-friendly

Cons:

• Adds another plugin to your site
• Some themes may leave spacing even after the title is hidden

Tip: If you are using Cloudways or any managed WordPress hosting, test the plugin in a staging environment first. That way, you can make sure there are no layout issues before applying changes to your live site.

Method 4: Hide Page Titles in Page Builders Like Elementor

If you’re using a visual page builder such as Elementor, hiding the page title is often built into the editor. This method is quick and requires no coding.

How to hide titles in Elementor:

• Go to Pages > All Pages and click Edit with Elementor on the page you want to change.

• Click the Settings (gear) icon at the top.

• Look for the “Hide Title” toggle and switch it to “Yes“.

• Click Publish to save your changes.

Once enabled, Elementor prevents the theme from displaying the default page title.

What if the title still appears?

Some themes override Elementor’s toggle or output the title outside Elementor’s layout area. If that happens:

• Add custom CSS to hide the title manually (see Method 2)
• Switch to a theme that is fully compatible with Elementor, such as Hello Elementor

Pros & Cons of This Method:

Pros:

• Fast and beginner-friendly
• No need for additional plugins
• Works well with custom page layouts

Cons:

• Only applies to pages built with Elementor
• May leave spacing if the theme controls layout outside the editor

Method 5: Use a Child Theme for Long-Term Control

For developers or advanced users, a child theme offers the most reliable and maintainable way to hide page titles across templates. This method is ideal when you need full control or are building multiple custom layouts.

Why Use a Child Theme?

Modifying your parent theme directly can lead to lost changes when the theme updates. A child theme keeps your custom code separate and safe.

Option 1: Hide the Title Using CSS in a Child Theme

• Create a child theme, or use a plugin like Child Theme Configurator to generate one.

• Go to Tools > Child Themes

• Follow the prompts to create a child theme

• Once created, preview your child theme and then activate it.

• Go to Pages > All Pages.
• Hover over the title of the page you want to hide and note down the Page ID.
• Open the style.css file in your child theme folder.
• Add the following CSS, replacing the page ID as needed:

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

You can also apply this globally by using .entry-title without the page ID.

Option 2: Remove the Title With a PHP Template Override

If the theme outputs the title using a function like the_title(), you can:

• Duplicate the relevant template file (like page.php or single.php) in your child theme
• Remove or wrap the title function in a conditional to hide it

Important: PHP edits should only be made if you’re familiar with WordPress theme structure. Always back up your site and test changes on a staging environment before deploying live.

Pros & Cons of This Method:

Pros:

• Permanent and clean solution
• Ideal for custom or client sites
• Full control over template behavior

Cons:

• Requires developer-level knowledge
• PHP changes can break your site if not done correctly

Method 6: Manually Delete the Title in the Block Editor (Not Recommended)

Technically, you can go into the Gutenberg block editor and delete the title field by leaving it blank. While this removes the visible title, it also deletes it from the code, which can cause several issues.

Why this method is discouraged:

• SEO: Deleting the title removes the <h1> tag, which weakens your page’s relevance for search engines
• Accessibility: Without a proper heading, screen readers and assistive tools may struggle to interpret the page
• Usability: Changing permalinks without a title can lead to broken links or duplicate slugs

Use this method only if:

• You are replacing the title with a custom heading or hero section
• You manually add an <h1> elsewhere in the layout
• You understand the SEO and accessibility trade-offs and account for them

Build the Perfect WordPress Site, Your Way

Hiding page titles is just the start. Enjoy the freedom to customize your site with fast, reliable WordPress hosting. Get top performance, security, and tools designed for WordPress users.

Get Hosting

Best Practices Before and After Hiding Page Titles

No matter which method you use, it’s important to approach title changes with care. Even small tweaks can impact your layout, user experience, or SEO.

Follow these best practices to keep your site stable and optimized:

• Create a full backup before making any changes to your theme, layout, or code.
• Use a staging environment to test updates, especially if you’re editing PHP or working with custom templates.
• Make sure an <h1> tag still exists on the page after hiding the title. This helps preserve SEO and accessibility.
• Avoid hiding titles across your entire site unless you’ve planned a consistent design that supports it.
• Check responsiveness on mobile and tablet, since spacing or layout shifts can behave differently across devices.

SEO and Accessibility: What You Should Know

Hiding a title might seem like a simple design adjustment, but it affects more than just how your page looks. If not handled properly, it can weaken your site’s search performance and make it harder for all users to navigate your content.

SEO: Keep the Heading Structure Intact

Search engines use headings to understand what your page is about. The <h1> tag, often the page title, is one of the strongest signals.

If you delete the title entirely, you risk losing that structure. This can reduce your chances of ranking well in search results.

To protect your SEO:

• Use CSS to hide titles instead of removing them.
• Keep a single visible or hidden <h1> tag on each page.
• If you’re using a plugin like Yoast SEO or Rank Math, make sure the SEO title and meta description are correctly set.
• Avoid removing titles from blog posts, archive pages, or other areas where structure is expected.

By keeping the title in your code, even if it’s not visible to users, you help search engines understand your content without sacrificing design.

Accessibility: Maintain a Clear Page Hierarchy

Assistive tools like screen readers rely on heading structure to help users navigate a page. The page title is often the first heading users hear, giving them essential context.

If you remove the title entirely from the HTML:

• Screen reader users may have no clear indication of the page’s purpose.
• The page hierarchy may break, making navigation more difficult.
• You may violate WCAG accessibility standards, especially on public-facing or regulated sites.

Safe approach: Use CSS to hide the title visually while keeping it in the HTML. This preserves structure for users with assistive needs and avoids accessibility issues.

Troubleshooting: When Hiding the Page Title on WordPress Doesn’t Work

In most cases, hiding a title is straightforward. But occasionally, something doesn’t go as expected. Here are some common issues and how to fix them.

1. The Title Still Appears

What might be happening:

• Your theme uses a different class name than .entry-title.
• A plugin is re-rendering the title.
• Browser or caching plugins are showing an outdated version of the page.

How to fix it:

• Use your browser’s Inspect tool to check the class name applied to the title.
• Update your CSS selector based on what you find.
• Clear your site cache and browser cache.
• Deactivate plugins one at a time to check for conflicts.

2. Extra Spacing Is Left Behind

Even if the title disappears, your theme may still reserve space with padding or margins.

Fix with CSS:

.page-id-123 .entry-title {
display: none;
margin: 0;
padding: 0;
}

Replace 123 with your actual page ID. You can also apply this globally by removing the page-specific selector.

3. Plugin Doesn’t Work as Expected

Possible causes:

• The plugin is outdated or not compatible with your theme.
• The theme hardcodes title output in a way that bypasses plugin logic.

Solutions:

• Try a different plugin, or switch to CSS instead (see Method 2).
• If you’re using a page builder, check the editor settings for title control.
• Always test on a staging site before applying changes to your live site.

Pro Tip: Use a Staging Site for Safe Testing

If you’re using Cloudways or another managed host, create a staging environment before making layout changes. This lets you test freely without affecting your live site.

Cloudways users can take advantage of SafeUpdates, which:

• Automatically backs up your site
• Applies changes in a cloned environment
• Runs visual comparison checks
• Rolls back changes if something goes wrong

This is especially useful when combining layout changes with theme or plugin updates.

Final Thoughts: Clean Design Without Breaking Structure

Hiding page titles in WordPress can help create a cleaner, more focused layout, but only if done the right way.

Here’s a quick summary of your options:

Method	Best For
Theme setting toggle	Beginners using themes with built-in support
Custom CSS	Lightweight, flexible styling tweaks
Plugin (e.g., Title Remover)	Quick, no-code page-level control
Page builder setting	Elementor or Beaver Builder users
Child theme with CSS/PHP	Developers managing multiple templates
Deleting the title manually	Rare cases with full custom header blocks

Always test safely, preserve your SEO and accessibility, and back up your site before making changes.

If you’re managing a high-traffic or client website, even a small design tweak like hiding a page title should be handled with care. Now that you’ve seen the right way to do it, you’re ready to clean up your layout without causing problems behind the scenes.