Log in SwiftGrid →
General WordPress

Hide the Page Title

3 min read Updated Sep 2026 General WordPress

To hide the title of one page, turn off Page Title in the Page Settings box of Polestar or Ultra. In the Puro theme, choose a page template with No Title in its name.

Hide the Title in Polestar

  1. Edit the page.
  2. Find the Page Settings box in the right column of the editor.
  3. Clear the Page Title checkbox. Its label is Enable.
  4. Click Update.

The Polestar Page Settings box with the Page Title setting

The setting works on pages. To hide post titles, add this CSS at AppearanceCustomizeAdditional CSS.

.single-post .entry-title {
	display: none;
}

This CSS hides the title on every page.

.page .entry-header {
	display: none;
}

To remove the space under the header, clear Header Bottom Margin in the same Page Settings box. See Page Settings.

Hide the Title in Ultra

  1. Edit the page or post.
  2. For a page, set Template to Default template. Page Settings work with that template only. A post has no template step.
  3. In the Page Settings box, clear the Page Title checkbox. Its label is Enable.
  4. Click Update.

The title bar also holds the breadcrumb trail, so the trail hides with the title. To remove the space under the header, clear Header Bottom Margin in the same box. See Page Settings.

Blog and Archive Pages

The blog page takes its title from Blog Page Title in AppearanceCustomizeTheme SettingsBlog. Clear the field to hide it.

For archives, search results and the 404 page, turn off Page Title in AppearanceCustomizePage Template Settings. See Page Template Settings.

Hide the Title in the Puro Theme

The Puro theme hides the title with page templates that have no title.

  1. Edit the page.
  2. Open the Template setting. In the block editor it is in the Page tab of the settings sidebar. In the Classic Editor it is in the Page Attributes box.
  3. Choose Default Template – No Title, Full Width Page – No Title or Full Width Page – Unconstrained Content – No Title.
  4. Click Update.

The three templates differ in width and sidebar. See Page Templates. This CSS hides the title on every page.

.page .page-header {
	display: none;
}

Hide the Page Title in Any Theme

  1. Check the page first. Edit the page and look for a template choice with “No Title” in its name, or a setting for the title in the editor sidebar. In a block theme, choose a template without a title block.
  2. To hide the title with CSS, open the page on your site. Right-click the element and choose Inspect. In Safari, turn on the Develop menu first and choose Inspect Element.
  3. Read the class of the body tag. It holds the page ID, for example page-id-123.
  4. Read the class of the title element. Common classes are entry-title and page-title.
  5. Add the rule at AppearanceCustomizeAdditional CSS in a classic theme. A block theme has no Customize screen. There, go to AppearanceEditor, click Styles, open the three-dot More menu and choose Additional CSS. Click Publish or Save. Put the body class first so that the rule affects one page only:
.page-id-123 .entry-title {
	display: none;
}

Replace 123 with your page ID and entry-title with the class you found. To hide the title on every page, remove the body class from the rule.

display: none also hides the title from screen readers. The heading stays in the page source.

Was this helpful?