How to Hide Page Title in WordPress Elementor

When building a website with Elementor, the default page titles can disrupt your layout. This guide shows how to hide page titles in WordPress Elementor for a cleaner, more professional design.

Use the Elementor Hide Title Toggle

Elementor includes a built-in toggle that lets you hide the page title with a single click—no coding or theme editing required. It’s one of the most straightforward and user-friendly options available, especially for beginners:

1. Edit the page using Elementor. From your WordPress dashboard, go to Pages and click Edit with Elementor on the page you want to modify.
2. Access Page Settings. In the Elementor editing interface, look for the gear icon ⚙️ in the lower-left corner. Click it to open the Page Settings panel.
3. Toggle the “Hide Title” option. Inside the Page Settings panel, you’ll see an option labeled Hide Title. Switch it on, and the default WordPress page title will instantly disappear from the front end.

This setting only affects the visibility of the title on the live page—it doesn’t delete the actual title stored in WordPress. The title will still be used for things like navigation menus, SEO metadata, or breadcrumbs if your theme supports them.

Change WordPress Theme Settings

Some WordPress themes offer their own settings to disable page titles globally or per page.

Check your theme’s documentation to explore similar options.

Hide Titles with Custom CSS

If your theme or Elementor doesn't offer a toggle, you can remove the title from WordPress pages using custom CSS.

1. Navigate to Appearance > Customize > Additional CSS.
2. Add this code snippet:

   h1.entry-title {
   
     display: none;
   
   }

3. Click Publish to save changes.

Adjust Elementor Page Layout Settings

Elementor provides flexible layout options that control how content appears on a page—including whether or not page titles and theme elements are shown. By selecting the right layout, you can hide unwanted titles without using custom code or additional plugins.

Set page layout to Elementor Canvas

• Edit the page with Elementor. Go to your WordPress dashboard, navigate to Pages, and click Edit with Elementor on the target page.
• Open Page Settings. In the Elementor editor, locate and click the gear icon ⚙️ in the lower-left corner of the panel. This will bring up the Page Settings area.
• Change the page layout. Under the Page Layout dropdown menu, choose either Elementor Canvas or Elementor Full Width, depending on your layout goals.

Elementor Canvas creates a completely blank template, removing not just the page title, but also the header, footer, and sidebar elements from your theme. It’s ideal for focused, standalone pages such as sales pages, coming soon screens, or promotional landing pages.

Elementor Full Width keeps the header and footer from your theme but removes the default content constraints. It’s a great middle ground when you want to maintain brand consistency while removing page-specific elements like titles.

Use a Plugin for More Control

If you need to hide titles on many pages or conditionally, a plugin can help manage visibility.

• Title Remover – Adds a checkbox to hide the title for any page or post.
• Elementor Add-ons – Some include options to disable headings or customize page appearance further.

Plugins are especially helpful when the default Elementor hide title toggle is missing or ineffective.

Troubleshooting: Title Still Visible?

If the title remains visible after trying the recommended methods, several factors could be responsible. Here are detailed checks and solutions:

• Theme Overrides: Some themes override Elementor settings by using custom wrappers or templates. Inspect your theme files or switch to a default WordPress theme (like Twenty Twenty-Four) to test.
• Incorrect CSS Selector: The class h1.entry-title may not match your theme. Use browser dev tools (right-click the title > Inspect) to find the exact selector and adjust your CSS accordingly.
• Conflicting Plugins: Deactivate all non-essential plugins to see if one of them is forcing the title to display.
• Cache Issues: Clear all website caching, browser cache, and any CDN cache. Outdated content can persist if not properly flushed.
• Post Type Specific Issues: Custom post types or WooCommerce product pages may have different title handling. Use dedicated hooks or filters if needed.

Useful Links

Hide page titles – Elementor Help Center – Official guide from Elementor showing how to use the “Hide Title” toggle and, when needed, adjust the Page Title Selector for full compatibility.

Title Remover Plugin (WordPress.com) – Details the popular “Title Remover” plugin, which adds a checkbox to completely remove page titles across posts, pages, and custom post types.

ContentRemover Plugin – WordPress.org – Explains how this plugin selectively hides page titles (and metadata) via an easy metabox on individual pages.

Hide Titles Plugin – WordPress.org – A lightweight plugin for toggling titles on or off for posts and pages without affecting other site elements.

Your WordPress Website Can Do Even Better!

Elfsight created dozens of useful plugins to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on WordPress!

Conclusion

Now you know how to hide page title in WordPress Elementor using various methods, including the built-in toggle, theme settings, and custom CSS. Whether you're designing a sleek landing page or want a clean layout with Elementor, hiding titles can help improve WordPress page appearance and create a more customized experience.