How to Remove Title from WordPress Page: Step-by-Step Guide

WordPress page titles serve an important purpose, but sometimes they can clutter your design or interfere with your creative vision. Whether you’re building a landing page, creating a custom homepage, or designing a portfolio section, you might want to hide page titles completely.

This guide walks you through multiple methods to remove titles from WordPress pages, from simple settings adjustments to advanced CSS techniques. You’ll learn when and why to hide titles, plus how to do it safely without breaking your site’s SEO or functionality.

Why Remove Page Titles from WordPress?

Page titles aren’t always necessary or desirable. Here are common scenarios where removing them makes sense:

Design flexibility: Custom landing pages often look cleaner without default titles competing with hero sections or custom headers.

Duplicate content prevention: When your page already displays the title in a custom design element, the default WordPress title becomes redundant.

Visual hierarchy: Some page layouts work better when you control exactly where and how titles appear.

Portfolio and gallery pages: Creative professionals often prefer letting their work speak for itself without distracting text elements.

Homepage customization: Many businesses want complete control over their homepage layout without default WordPress formatting.

Method 1: Using Your WordPress Theme Settings

Many modern WordPress themes include built-in options to hide page titles. This is the easiest method and requires no coding knowledge.

Step 1: Access Your Theme Customizer

Navigate to Appearance > Customize in your WordPress dashboard. Look for sections labeled “Page Settings,” “Layout Options,” or “Typography.”

Step 2: Find Page Title Options

Search for options like:

“Hide page title”
“Display page title”
“Page header settings”
“Title visibility”

Step 3: Apply Changes to Specific Pages

Some themes allow you to hide titles globally or on specific page types. Choose the option that matches your needs and save your changes.

Step 4: Preview Your Changes

Always preview your modifications before publishing. Use the WordPress Customizer’s preview feature to see how pages look without titles.

Pro tip: Popular themes like Astra, GeneratePress, and OceanWP include these built-in options. Check your theme documentation if you can’t locate title settings.

Method 2: Page-Level Settings with Page Builders

If you use page builders like Elementor, Beaver Builder, or Gutenberg, you can often hide titles at the page level.

For Elementor Users

Edit your page with Elementor
Click the Settings icon (gear symbol) in the bottom left
Navigate to Page Settings
Find “Hide Title” and toggle it on
Update your page

For Gutenberg Block Editor

Open your page in the block editor
Click Document in the top right sidebar
Scroll to Page Attributes
Look for title display options (theme-dependent)
Save your changes

For Beaver Builder

Launch Beaver Builder on your page
Click Tools > Global Settings
Navigate to the General tab
Find “Show Page Title” and disable it
Save and publish

Method 3: Custom CSS Method

When theme options aren’t available, custom CSS provides precise control over title visibility. This method works with any WordPress theme.

Step 1: Access the WordPress Customizer

Go to Appearance > Customize and select Additional CSS.

Step 2: Add CSS to Hide Titles Globally

To hide titles on all pages, add this code:

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

Step 3: Hide Titles on Specific Pages

To target individual pages, use the page ID or slug:

/* Hide title on page with ID 123 */
.page-id-123 .entry-title {
    display: none;
}

/* Hide title on page with slug "about" */
.page-about .entry-title {
    display: none;
}

Step 4: Find Your Page ID

You can find page IDs by:

Editing the page and checking the URL (page=123)
Using browser developer tools to inspect the body class
Installing a plugin like “Show IDs” for easy reference

Common CSS Selectors for Different Themes

Different themes use various CSS classes for page titles. Try these alternatives if the standard selector doesn’t work:

/* For most themes */
.page-title,
.entry-header h1,
.post-title,
h1.page-title {
    display: none;
}

/* For specific popular themes */
.twenty-twenty .entry-header h1 { display: none; } /* Twenty Twenty */
.astra-page .entry-title { display: none; } /* Astra */
.generate-page .page-header { display: none; } /* GeneratePress */

Method 4: Using Functions.php

For developers comfortable with PHP, modifying the functions.php file offers the most control. Always back up your site before making these changes.

Step 1: Access Your Theme Files

Navigate to Appearance > Theme Editor and select functions.php, or use FTP/cPanel file manager.

Step 2: Add Custom Function

Add this code at the end of your functions.php file:

function remove_page_titles() {
    if (is_page()) {
        return '';
    }
}
add_filter('the_title', 'remove_page_titles');

Step 3: Target Specific Pages

To hide titles only on certain pages:

function remove_specific_page_titles($title) {
    $pages_to_hide = array(123, 456, 789); // Replace with your page IDs
    
    if (is_page($pages_to_hide)) {
        return '';
    }
    return $title;
}
add_filter('the_title', 'remove_specific_page_titles');

Method 5: Plugin Solutions

Several WordPress plugins make title removal simple without touching code.

Hide Title Plugin

Install and activate the “Hide Title” plugin
Edit any page where you want to hide the title
Find the “Hide Title” checkbox in the page editor
Check the box and update your page

Title Remover Plugin

Install “Title Remover” from the WordPress repository
Go to Settings > Title Remover
Choose which post types should hide titles
Select specific pages if needed
Save your settings

Page Builder Addons

Many page builder addons include title removal features:

Elementor Pro: Advanced page settings
Beaver Builder Ultimate Addons: Extended page options
GeneratePress Premium: Complete title control

Important Considerations and Potential Issues

SEO Impact

Removing visible page titles doesn’t affect SEO if you:

Keep the page title in the HTML <title> tag
Maintain proper heading structure with H1 tags elsewhere
Use descriptive meta titles and descriptions

Accessibility Concerns

Screen readers rely on proper heading structure. If you remove the main page title, ensure you:

Include an H1 tag somewhere on the page
Maintain logical heading hierarchy
Provide alternative navigation cues

Theme Updates

Custom CSS and functions.php modifications may be lost during theme updates. Consider:

Using a child theme for permanent modifications
Documenting your changes for easy reapplication
Choosing plugins for update-safe solutions

Responsive Design

Always test title removal across different devices. Some themes handle mobile layouts differently, and hidden titles might affect responsive behavior.

Troubleshooting Common Problems

CSS Not Working

If custom CSS doesn’t hide your titles:

Check if you’re targeting the right CSS class
Use browser developer tools to inspect the element
Add !important to your CSS rule if needed
Clear your site’s cache

Titles Reappearing

When titles return unexpectedly:

Verify your theme hasn’t updated and overridden settings
Check if plugins are conflicting
Ensure child theme modifications are intact
Review caching plugin settings

Broken Page Layout

If removing titles breaks your design:

Check for CSS dependencies on title elements
Adjust spacing and margins as needed
Consider hiding rather than removing titles entirely
Test thoroughly before going live

Best Practices for Title Removal

Use Child Themes

Always make CSS and functions.php modifications in a child theme to preserve changes during updates.

Test Thoroughly

Preview changes on different devices and browsers before publishing. Check both frontend display and admin functionality.

Maintain SEO Structure

Keep your page titles in the HTML head section for search engines, even when hiding them visually.

Document Your Changes

Keep notes about which method you used and why. This helps with troubleshooting and future modifications.

Consider User Experience

Ensure navigation remains clear when titles are hidden. Users should still understand where they are on your site.

Alternative Solutions

Instead of completely removing titles, consider these alternatives:

Style Modifications

Change title color to match the background
Reduce title size to minimal visibility
Position titles off-screen using CSS

Custom Headers

Replace default titles with custom designed elements
Use page builder widgets for styled headings
Implement custom post meta for alternative titles

Conclusion

Removing page titles from WordPress can significantly improve your site’s design flexibility and visual appeal. Whether you choose theme settings, custom CSS, functions.php modifications, or plugins, each method offers different advantages depending on your technical comfort level and specific needs.

The key is selecting the right approach for your situation. Theme settings work great for non-technical users, while custom CSS provides more control. Developers might prefer functions.php modifications, and plugins offer the safest update-resistant solution.

Remember to consider SEO implications, maintain accessibility standards, and test thoroughly across devices. With the right approach, you can create clean, professional pages that perfectly match your design vision.

Have you successfully removed page titles from your WordPress site? Share your experience in the comments below, or let us know if you encountered any challenges with these methods. We’d love to help troubleshoot any issues or discuss additional techniques that worked for your specific situation.