When designing a website with Elementor, one of the most frequent customizations is hiding the default page title. WordPress, by default, displays the title of each page at the top of the content, but there may be times when you want to remove or replace this title for a cleaner design, especially when using Elementor’s advanced design tools. In this guide, we’ll walk you through the steps to hide page titles in WordPress using Elementor.

Why Hide Page Titles in WordPress?

There are various reasons why you might want to hide page titles in WordPress:

  • Design Flexibility: You might prefer a full-width, clean layout without the default page title.
  • Custom Titles: You may want to create your own title using Elementor widgets or place it somewhere else on the page for a more personalized look.
  • Consistency: If you’re using a custom theme or page builder, the default page title may not match your website’s overall aesthetic or design structure.

Whatever your reason, Elementor provides several ways to easily hide page titles, ensuring that you have full creative control.

Method 1: Hide Page Title from the WordPress Dashboard

Elementor allows you to disable the default page title directly within the WordPress page editor. This method is simple and doesn’t require extra plugins.

Steps:

  1. Open the page in the WordPress dashboard:
    • Go to Pages in your WordPress dashboard and select the page where you want to hide the title.
  2. Edit the page with Elementor:
    • Once you’re in the page editor, click Edit with Elementor.
  3. Hide the page title:
    • In the Elementor editor, on the left panel, click the Settings icon (located at the bottom-left corner).
    • Under the Page Settings section, toggle the option labeled Hide Title to Yes.
  4. Publish/Update the page:
    • After hiding the title, click the Update button to save your changes.

Now, the page title will no longer be displayed on your page.

Advantages of This Method:

  • Quick and easy to implement.
  • Doesn’t require any custom code or additional plugins.

Disadvantages:

  • This method only works if you’re editing the page with Elementor and doesn’t provide an option for other themes or page builders.

Method 2: Hide Page Titles Using Custom CSS

If you want more control over which pages have the title hidden or prefer not to use Elementor’s built-in settings, you can use CSS to hide the page title across your entire website or on specific pages.

Steps:

  1. Access the Customizer:
    • Go to Appearance > Customize from the WordPress dashboard.
  2. Open the Additional CSS Section:
    • In the WordPress Customizer, navigate to Additional CSS.
  3. Add the CSS Code:
    • To hide the page title on all pages, paste the following CSS code:
    .entry-title {
    display: none;
}
    • If you want to hide the title only on specific pages, you can use a page ID. For example, to hide the title on the page with ID 123:
    .page-id-123 .entry-title {
    display: none;
}
  4. Publish the changes:
    • After adding your custom CSS, click Publish to save your changes.

Now, the title will be hidden on your specified pages.

Advantages of This Method:

  • Offers full control over which pages to hide titles on.
  • No need to manually edit each page with Elementor.

Disadvantages:

  • Requires knowledge of CSS and the WordPress Customizer.
  • You need to manually find the page ID or class for more specific targeting.

Method 3: Hide Titles Using a Plugin

For users who prefer a more hands-off approach, there are plugins available that can hide page titles with just a few clicks. One of the most popular plugins for this task is Title Remover.

Steps:

  1. Install and Activate the Plugin:
    • Go to Plugins > Add New in the WordPress dashboard.
    • Search for Title Remover and install it. Once installed, click Activate.
  2. Hide the Page Title:
    • After activation, go to the Edit Page screen in the WordPress dashboard.
    • Under the Title Remover section, you will see an option to Remove Title. Simply check the box and update your page.
  3. Publish/Update the Page:
    • Click Update to save your changes.

Now, the page title will be hidden for that specific page.

Advantages of This Method:

  • Quick and easy setup.
  • No need for custom CSS or manual edits in Elementor.

Disadvantages:

  • Requires installing a plugin, which can slightly impact your site’s performance if too many plugins are used.
  • The plugin may not work perfectly with every theme or page builder.

Conclusion

Hiding page titles in WordPress can be a simple but effective way to improve your website’s design and user experience. Whether you’re using Elementor’s built-in option, custom CSS, or a plugin, you have several ways to achieve the desired look.

  • If you prefer simplicity, Elementor’s Hide Title feature is your best bet.
  • For more flexibility, use CSS to target specific pages or elements.
  • And for those looking for a quick solution, a plugin like Title Remover can make it even easier.

Choose the method that best suits your workflow, and enjoy a cleaner, more polished site design!