Show or hide the page title

Adding your own page titles in Page Builder with the Heading module has some big advantages. For example, you might want a short title like "Join" in the menu, but the title on the page displays a longer title like "Join an Event."

If you are using the Beaver Builder theme, the title that you assign to the page in WordPress is hidden on Page Builder pages by default, though you can set it to show if you prefer. For third-party themes, you might or might not have the option to hide the title. If you can't hide the title in your theme's settings, you can still hide it in Page Builder with a little extra work, following the instructions below. 

Show or hide the WordPress page title

This works for the Beaver Builder theme and third-party themes that let you easily hide the page title in the theme settings.

  1. In the upper right corner of a Page Builder page, click Tools > Global Settings.
  2. On the General tab, navigate to the Default Page Heading section.
  3. To display the default page heading, set Show to Yes. To hide the default page title, set Show to No.

If you're using the Beaver Builder theme, you're done. If you're using a third-party theme and you still see the title in the theme settings, see if the theme lets you hide it. If not, follow the next procedure.

Hide the page title with its CSS class

First, find the CSS class selector that your theme uses to display the page title. A good way to find this information is to use your browser's Inspect Element feature to look at the class of the page heading. This screenshot shows an example, where the page title is "test."

Then make this change:

  • On the Global Settings page, in the Default page heading section, edit the CSS selector to match your theme. In the example above, replace what's currently there with .entry-title