Post/Page header module

When you create a web page, a blog post, a ProPhoto gallery, etc. in WordPress you will see the header displayed at the top of the content area when you view it. The header contains the title, date, category, and other tags or meta information when applicable.

Here is an example of a typical blog post header:

You have lots of control over this header appearance like font style and which items are displayed within the WordPress content module in your layouts.

But what if you want to create unique layouts where the page title is displayed in a different place?

Use the header module and you can create cool new layouts, like this example with the featured image background image capability in a block:

A block in the layout using a background image behind a header module.

Add a header module to your layout

To use the header module in your page layout, follow these steps:

Edit your layout in the Visual Builder .
Unlock the block where you want to add the WordPress content if it is not already unlocked for editing.
Click to access the Elements > Modules area in your sidebar and locate the “Header” module.
Click to drag the module into your layout, and release to place it.
In the popup, click through to configure the settings for your heading such as font style or alignment.
(some options may only be seen when viewing particular page types like blog posts)

Here is a demonstration:

When a header module is used, the header area of the page content will automatically be removed so the information is not duplicated twice on the page.

How do I change the header text/information?

You cannot edit the text for your header module directly in your visual builder because the text is dynamically created from the page/post/gallery your are viewing. As you visit different content on your site the information in the header module will be updated from the new content being viewed.

To edit the text/information seen in the header module, you must edit the title, date, categories, etc. for the content by going to the page/post/gallery editor in your WordPress dashboard.