Stunning Header

Customize panel

The stunning header is an area between a page header and content, which contains a page title,  breadcrumbs, and additional text.

Stunning header appearance is controlled via Customize > Stunning header section. It has 5 subsections for different page types, namely:

• General - options that are applied for all page types and are settings by default.
• WooCommerce - options are applied specifically on Woocommerce shop pages.
• BuddyPress - options are applied specifically on Buddypress community pages.
• bbPress - options are applied specifically on bbPress forum pages.
• Events - options are applied specifically on events pages.

Each section allows you to control the appearance of the page title section for the chosen subsection and adjust its design and content.

The options are the same as the following for each subsection:

Let's review these options in detail. 

Elements visibility 

Here you can manage stunning header elements visibility:

• Show stunning header - you can enable or disable a stunning header for the edited section.
• Show breadcrumbs - you can show or hide breadcrumbs under the title text.
• Show title - you can show or hide a title inside a stunning header section.

Content settings

If you enable Showing title on the option below, you can edit the stunning header title and its description.

• Custom title text - here you can enter custom title text to be displayed instead of the default one.

If you don't want to add any custom titles, the title of the page will be shown. 

• Text - here you can enter a short description if needed. It will be displayed under the title and breadcrumbs.

 Text color

This option lets you choose the color of the page title, breadcrumbs, and description if there is any.

Text align

Here you can choose the alignment of the page title, breadcrumbs, and description.

Background color

Here you can select a custom background color using a color picker. 

Background image

Here you can upload your custom background image.

Bottom image

If needed you can upload a wide image that will be displayed under the title and breadcrumbs.

Padding from Top/Bottom

This is space from the page title to the top and bottom borders.

The stunning header for a separate page

It is possible to customize stunning header styling and components inside each page. These settings are higher by priority than ones in Pages. Choose the Page you want to edit, click "Edit Page" or go to Customize> Stunning Header sections. 

Refer to this tutorial to read more about available options for a stunning header for a separate page Stunning header.