Astra Theme's ultimate trick to hide page titles is revealed!

Astra It is a lightweight and flexible WordPress theme commonly used for blogs, official business websites and e-commerce websites. It displays headers at the top of each page or post by default, but sometimes, such as when using the Elementor Created pages, page titles may appear redundant or affect the typographic effect. This article will introduce several simple and practical ways to hide, suitable for users with different operating habits.

I. Why hide the title

When building a WordPress website with Astra theme, some pages don't have to show the default page title. Here are a few common reasons for hiding titles:

• Customized Page Layout Requirements
  If a page builder like Elementor or Beaver Builder is used to customize the content of a page, the main title of the page is often already rendered through the component, and the default WordPress Titles can seem repetitive or disjointed.
• Enhance visual uniformity
  The default title style may not be consistent with the overall style of the page. Hiding the title can make the page look cleaner and more design-oriented, especially on key pages such as the home page and landing page.
• Repetitive or meaningless content
  Some pages (e.g. "About Us", "Contact Us") have their main content expressed clearly through navigation or modules, and the presence of headings can be distracting or redundant.
• Stronger brand expression
  In custom designs, the first screen of a page often replaces the headline with a brand slogan, image, or banner, and hiding the default headline avoids disrupting the overall visual experience.

Second, a variety of flexible ways to hide the page title

1. Hide headings directly in the page builder

If you are using a visual editing tool such as Elementor to create the page, you can also hide the page title in the layout settings.

Operational Steps:

• Open page → Use Elementor compiler
• Click on the bottom left corner "set up"(Gear icon)
• locate "Hide Title." Options → On

• Updated page

Note that this option is dependent on theme support, some of the Astra subtopicElementor's "Hide Title" command may not be automatically recognized.

2. Using custom CSS

If one wishes toAll pages in the site do not show titlesThe CSS can be added to unify the process.

Method of operation:

• Backstage → Appearance > Customization > Extra CSS

• Add the following code:

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

• Publish changes, all page titles will be hidden (does not affect backend title filling)

This approach lends itself to cleaner page styles, especially when relying exclusively on thepage builderTypesetting.

3. Use of plug-ins for page title control

For more intuitive or bulk management of the hidden header feature, you can also use a plugin, for example:

• Title Remover
• Hide Page And Post Title

Once installed and enabled, choose whether or not to hide headers directly when editing pages, for Astra or other themes.

Installation Steps:

• Backend → Plugins → Install Plugin
• Install and enable

Usage:

• Open a page or article for editing

• A new settings box will be added to the right side of the page called "Hide Page And Post Title"
• option"Hide the title."and then update the page

III. Summary

The Astra theme offers a number of ways to hide page headers, either through CSS or theplug-in (software component)The default title of the page can be displayed in the page builder, which can be handled flexibly according to the actual needs, avoiding the problem of duplicate titles or uncoordinated layouts on the page, and making the layout more concise and unified. If you use Elementor, Beaver Builder and other page builders, it is recommended that you turn off the default title display, so that you can create a page effect that is more in line with your design style.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off