Post header styles - Verba

The single post Pro
This article covers functionality available to customers on the Pro version.

The post header is everything above the article text: title, subtitle, category, author, date, reading time, and the main media.

A header style arranges those pieces. Which pieces appear is set separately, on the same tab.

The five styles below come with Pro and apply once Single Post Source at VerbaTheme OptionsSingle PostGeneral is set to Advanced. The free theme has two header styles of its own, Classic (title above the image) and Overlay, at AppearanceCustomizeVerba ThemeSingle PostHeader. See Single post settings in the Customizer.

#The five styles

Default

Title and meta above the media, in one column. Works with anything, including posts with no image.

Overlay

Text sits on top of the image, with a tint you set in the Overlay group. It needs a strong, uncluttered photograph.

Two-side

Text on one side, media on the other, with equal weight. Good for wide screens and portrait images.

Featured

The media leads across the full container, with the category, title, subtitle, and meta stacked beneath it.

Overlap

Full-width media with the title block lifted into a card that overlaps its lower edge. The Overlap group sets how deep the card reaches, its padding, and its surface.

The style is chosen globally in Header style at VerbaTheme OptionsSingle PostHeader, and overridden on one post in the Appearance panel of the editor sidebar. Site default on the post returns it to the global choice. See Post fields.

The same post shown with the Default header, title above the photo, and with the Featured header, photo first and title below
The Default and Featured header styles.

#Headers and post formats

A video post shows the player in the header, a gallery shows its slider or grid, an audio post shows the player, and a 3D post shows the model.

Overlay and overlap would lay the title over those players' controls, so a video, gallery, or 3D post set to either style is drawn with the default header instead. A format post whose media fields are empty keeps the style you chose.

Test a style on a post with the format you actually publish. Overlay works over a large photograph and falls apart on a post with no featured image at all.

If most of your posts have no featured image, overlay and overlap are the wrong choice site-wide. Set the global style for the common case and override the exceptions per post.

How the media plays and behaves as the reader scrolls is covered in Post formats and Reading bar.

#What is configured alongside

The same tab holds the rest of the header:

General

Header placement: the header as its own section above the content, or integrated with it.

Layout

Alignment, Title Size, and the gap between the header's parts.

Content

Card Parts (media, category, title, subtitle) and how the category label shows.

Meta

Meta Parts (author, date, reading time, comments count, views, likes) with their icons, separator, and how several authors are shown.

Thumbnail

The image's aspect ratio, size, tint, and credit line.

Post Format

How video, 3D, gallery, audio, and podcast media are presented.

Breadcrumbs aren't here: they have their own group on the General tab.

One post needs a different header than the rest

Set it in the post's Appearance panel. That field always beats the global choice, and Site default hands control back.

The header shows no image

The post has no featured image, Media is cleared in Card Parts, or its post format is pointing the header at media fields that are empty.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.