How to Easily Remove Page Titles in Elementor

Elementor is undoubtedly one of the most popular page builder plugins for WordPress. It helps you create stunning websites with ease and offers tons of customization options. However, one annoying issue that pops up for many users is the page title. By default, Elementor displays the page title on all pages, which can be a hassle if you want a certain page to be title-free. Thankfully, eliminating the page title in Elementor is an easy fix if you know where to look. In this post, we’re going to show you how to do just that!

Method 1: Edit the Page in Elementor:

If you’ve made the page in Elementor, you can easily remove the page title from it. Start by opening the page in the Elementor editor. Once there, go to the “Settings” icon at the bottom-left corner of the screen, then click on “Page Title”. This will take you to the “Page Title” option, where you can toggle off “Show Page Title”. Once you’ve done that, the page title will disappear from the page.

Method 2: Use CSS Code:

If you can’t edit the page with Elementor, you can use CSS code to remove the page title. Start by navigating to the page you want to eliminate the title from. Then, open the “Customizer” tool and go to “Additional CSS”. Once there, you can insert the following CSS code:

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

Replace “123” with the page ID where you want to remove the title. Alternatively, you can use the page slug instead of the ID. This method is ideal if you don’t want to use the Elementor editor.

Method 3: Install a Plugin:

If you don’t feel comfortable editing the code or working with the Elementor editor, you can always install a plugin to do the job for you. One of the most popular plugins for removing page titles in Elementor is the “WP Hide Title” plugin. Simply install and activate the plugin, and the page titles will be hidden automatically. This method is the easiest and most beginner-friendly.

Method 4: Use a Child Theme:

If you have a child theme, you can remove the page title by editing the template file. First, copy the page.php file from your parent theme to the child theme folder. Then, open the file and delete the code that displays the page title. You can do this by finding the “Title” code in the file and removing it. This method is ideal if you have a lot of pages you want to remove titles from.

Conclusion

Now you know how to remove page titles in Elementor using a variety of different methods. Whether you prefer to use the Elementor editor, CSS code, a plugin, or a child theme, the process is straightforward and easy to follow. No more hassle in trying to remove unwanted titles and tweak your website design to your liking. We hope this guide helped you out. Good luck on creating the perfect website!