Almost every WordPress theme displays the page title at the top of each page in large text. That is fine for a blog post or an About page, but it can ruin the design of a landing page, a portfolio showcase, or a custom homepage where you want full control over what visitors see first. A duplicate looking title sitting above your carefully designed hero section looks unprofessional, and many site owners want it gone.
The good news is that you can hide the WordPress page title without installing any plugin. Depending on your theme and setup, you can use a small CSS snippet, a built in theme option, the block editor Site Editor, or the Elementor Hide Title toggle. This guide walks you through all four methods so you can pick the one that fits your site.
Why Would You Hide a Page Title in WordPress?
There are several legitimate design reasons to hide a title. Landing pages and sales pages usually start with a custom headline inside a hero section, so the default theme title above it looks redundant. Portfolio and photography pages often want images to fill the screen edge to edge with no text interrupting them. Homepages built with a page builder already contain their own headings, making the theme title unnecessary.
Sometimes the reason is simpler: the title text clashes with the page design. A long page name like “Terms and Conditions for Service Providers” can look awkward in the theme default heading style, and hiding it lets the page content speak for itself. Whatever your reason, hiding the title is a presentation change only. It does not delete the page or affect its URL.
Does Hiding a Page Title Hurt SEO?
This is the question that worries most site owners, and the answer is reassuring. Hiding the visible title with CSS or a theme option does not remove the HTML title tag, which is what appears in the browser tab and in Google search results. Search engines still see the full page title in the head section of your HTML, so your rankings are unaffected by hiding the on page heading.
That said, follow two important rules. First, never leave the title field empty in the page editor just to make the visible title disappear. WordPress uses that field for the HTML title tag, the admin page list, menus, and breadcrumbs. An empty title creates an untitled page everywhere else and genuinely harms SEO. Second, keep a proper heading structure in your content. If you hide the theme title, make sure the page still contains one clear H1 heading somewhere in the body so screen readers and search engines understand what the page is about.
Method 1: How Do You Hide a Page Title with CSS?
The CSS method works with every theme and gives you precise control. You can hide the title on one specific page or on all pages at once, and the change takes effect immediately.
To hide the title on a single page, you need that page ID. Open Pages in your WordPress admin, hover over the page name, and look at the link preview in your browser status bar. You will see something like post=123 in the URL. That number is the page ID. If you are still getting familiar with the admin area, our beginner friendly guide to the WordPress dashboard shows you where everything lives.
Now go to Appearance and then Customize and open the Additional CSS panel. Paste the following code, replacing 123 with your actual page ID:
/* Hide the title on one specific page */
.page-id-123 .entry-title {
display: none;
}To hide titles on every page of your site at once, use this broader selector instead:
/* Hide the title on all pages */
.page .entry-title {
display: none;
}Click Publish in the Customizer to save. The .page selector targets pages only, so your blog post titles stay visible. If your theme uses a different class name for titles, right click the title on the live page, choose Inspect, and check the class on the heading element. Some themes use .post-title or .page-title instead of .entry-title. For more on working with stylesheets, see our tutorial on adding custom CSS to WordPress the right way.
Method 2: How Do You Hide the Title in Theme Settings?
Before writing any CSS, check whether your theme already includes a title toggle. Many popular themes, such as Astra and GeneratePress, add a per page settings box in the editor sidebar with a simple “Disable Title” checkbox. This is the cleanest method when it is available, because the theme handles it natively with no extra code.
To check, open the page in the editor and look at the right sidebar for a theme settings panel or meta box. The option is usually labeled Disable Page Title, Hide Title, or Content Title, sometimes with a toggle switch. Turn it on, update the page, and the title disappears from that page only. Because this is a theme feature, the exact label and location vary, so glance through your theme documentation if you cannot find it immediately.
If your theme does not offer this option, do not worry. The CSS method above works everywhere, and the remaining two methods below cover block themes and page builders.
Method 3: How Do You Hide the Title in Block Themes?
If your site uses a block theme such as Twenty Twenty-Four, you can remove the title directly in the Site Editor. Block themes build page layouts from templates, and the title is just a Post Title block inside the Page template.
Go to Appearance and then Editor to open the Site Editor, then open Templates and select the Page template. Click the title block at the top of the template preview and delete it, or select it and choose the option to hide it. Save the template. From now on, every page using that template will render without a title, and you can design the top of each page freely in the content area.
Be careful with this method: it affects all pages that use the template, not just one page. If you only want to hide the title on a single page with a block theme, create a custom template for that page first, remove the title block there, and assign the template to the page. The official WordPress Site Editor documentation explains templates in more detail if you want to explore further.
Method 4: How Do You Hide the Title with Elementor?
Elementor users get the easiest option of all. When you edit a page with Elementor, open the Page Settings by clicking the gear icon in the bottom left panel. You will find a “Hide Title” toggle switch. Turn it on, and Elementor hides the theme title for that page automatically.
Elementor also offers two page templates that remove the theme chrome entirely. In the Page Attributes box of the WordPress editor, you can set the template to Elementor Canvas, which strips out the header, footer, and sidebar for a completely blank slate, or Elementor Full Width, which keeps the header and footer but removes the sidebar and lets your content span the full width. Canvas is ideal for landing pages, while Full Width suits content pages that still need site navigation.
Note that the Hide Title toggle only affects the page you enable it on, which makes it perfect for hiding titles selectively. If you are designing headers and page layouts with the free version, our guide on how to edit your header with Elementor free pairs well with this technique.
Which Method Should You Choose?
Each method fits a different situation. Use the theme setting when your theme provides one, since it is the simplest and most reliable. Use the CSS method when you need fine control, such as hiding titles on a handful of specific pages across any theme. Use the Site Editor method if you run a block theme and want a template level change. Use the Elementor toggle or Canvas template when the page is built with Elementor.
Avoid mixing methods on the same page. For example, do not hide the title with CSS and also enable the Elementor toggle, because redundant rules make future troubleshooting confusing. Pick one approach per page and stick with it.
Common Mistakes to Avoid
- Leaving the title field blank in the editor. This breaks the HTML title tag, menus, and breadcrumbs. Always keep a real title and hide only the visual display.
- Using a selector that is too broad. Hiding .entry-title globally can also hide post titles or archive headings depending on the theme. Test on both pages and posts after applying site-wide CSS.
- Forgetting to check mobile. A hidden title on desktop is hidden on mobile too, but the spacing it leaves behind can differ. Preview the page on a phone before considering the job done.
- Hiding the title instead of fixing a bad design. If the title looks wrong because of theme styling, adjusting the typography is often better than removing the heading entirely.
Frequently Asked Questions
Can I hide the page title without a plugin?
Yes. All four methods in this guide work without any plugin: custom CSS in the Customizer, a built in theme toggle, removing the title block in the Site Editor for block themes, and the Hide Title switch in Elementor. You never need a dedicated plugin just to hide titles.
How do I hide the title on just one page?
The most universal way is the CSS snippet with the page ID selector, such as .page-id-123 .entry-title with display none, pasted into Appearance, Customize, Additional CSS. If you use Elementor, the per page Hide Title toggle does the same thing with one click. For more on the Customizer CSS panel, see the official WordPress Customizer documentation.
Why is the title still showing after I added the CSS?
The most common cause is a wrong selector. Your theme might use .post-title, .page-title, or a custom class instead of .entry-title. Right click the title on the live page, choose Inspect, and copy the exact class from the heading element into your CSS. The second most common cause is caching: clear your caching plugin and browser cache, then hard refresh the page.
Last updated: October 2026.
