I still remember the first time I wanted to hide a page title on my WordPress site. My design looked clean, but the default page title felt repetitive or out of place. I wanted full control over the appearance, but I wasn’t sure how to do it without messing up my site.
After some trial and error, I discovered that hiding page titles in WordPress is easier than it seems. You can do it without touching complicated code, and there are multiple ways depending on your theme and plugins. Here’s exactly how I did it.
Why I Wanted to Hide Page Titles
For me, the reason was mostly design-related. My homepage had a big banner image, and the page title was overlapping with it. On other pages, I had custom headings and didn’t want the default title showing twice.
You might want to hide titles for similar reasons:
- Creating a custom homepage or landing page
- Designing pages with page builders
- Avoiding duplicate headings that affect readability
Using Theme Settings to Hide Titles
The first method I tried was checking my theme settings. Many WordPress themes include an option to hide page titles on individual pages.
I went to Edit Page > Page Settings and looked for a toggle like “Hide Title” or “Disable Page Title”. Some themes have this option under Customize > Layout. Once I turned it on, the page title disappeared immediately.
This method is the simplest because it doesn’t require plugins or custom code.
Using a Page Builder to Hide Titles
If you’re using a page builder like Elementor, Divi, or Beaver Builder, hiding titles is even easier. In Elementor, for example, I edited the page and under Settings, I found the option “Hide Title”.
This was perfect for landing pages or custom designs. I didn’t have to touch CSS, and the change applied immediately.
Using a Plugin to Hide Page Titles
For themes that don’t include a built-in option, I found that plugins can help. I installed “Hide Page And Post Title”, which added a simple checkbox in the page editor. Checking this box removed the title from that page.
Plugins are helpful if you want more control without modifying code, especially if your theme lacks title options.
Hiding Page Titles with Custom CSS
For advanced users or for more control, you can hide titles using custom CSS. I went to Appearance > Customize > Additional CSS and added:
.page .entry-title {
display: none;
}
This code hides page titles on all pages. If you want to hide the title on a specific page, you can use the page ID:
.page-id-123 .entry-title {
display: none;
}
I made sure to back up my site before adding CSS. One small mistake could affect the entire site’s appearance, so this step is important.
Common Mistakes I Almost Made
At first, I tried editing theme files directly, which can break a site if done incorrectly. I also almost hid titles globally without considering SEO or readability.
The biggest lesson I learned is to:
- Always check theme and page builder options first
- Use plugins for safe, simple solutions
- Use CSS carefully for specific customizations
Final Thoughts on Hiding Page Titles
Hiding page titles in WordPress is easier than I thought once you know your options. Whether using theme settings, page builders, plugins, or CSS, there’s a method for every beginner and advanced user.
After hiding titles where needed, my pages looked cleaner and more professional, and I had more control over my site’s design. If you’re struggling with repetitive or unwanted titles, try one of these methods—you’ll be surprised how simple it can be.