Skip to content

Blog layout - Split header

A global module holding every design setting the Split header blog post layout uses. It renders nothing itself. Best for: announcements and interviews where the image carries equal weight.

At a glance

Blog Global Configuration

  • What it does: stores the wording, the show/hide switches and the full styling for the Split header layout.
  • One module per layout: templates/blog/blog-post-split.html loads only this one, so every field here applies to the layout you are editing.
  • One configuration: every blog that uses this template shares it. A blog that wants a different look is given a different template (Classic, Cover, Sidebar), not a second configuration here.
  • Renders nothing: it produces no markup of its own.

Find it under Hidden modules

Because it outputs nothing, HubSpot's editor lists it under Hidden modules. Open that section to edit it. This is expected, not a fault.

Changing layout is not done here

A blog's layout is its post template, set at Settings > Content > Blog > Templates. Changing it swaps which of the four Blog layout modules the template loads. Two blogs that want different designs get two different templates; this module never asks which blog is rendering.

Show/hide settings

Switches that remove an element from every post on this layout. All on by default.

Switch Removes
Back to blog link The link above the title
Blog tags The tag chips
Blog publish date The date in the byline
Blog read time The reading time in the byline
Blog author with image The author name and photo
Blog featured image The post image
Blogpost social media share The share buttons and their label
Previous and next post The two cards below the article
Subscribe form The subscribe block

The title has no switch

A post always needs a visible heading, so the title cannot be hidden.

Color scheme

One switch, Color scheme, Light or Dark for the whole post. It sits on the Style tab beside everything else.

Wording

Every user facing string sits under Wording, in labelled subgroups: back to blog, date and read time, share post, previous and next post, accessibility labels and the subscribe form.

The accessibility labels are read aloud by screen readers and never shown on screen. Translate them when your site is not in English.

What this layout adds

Area Controls
Two column band Column ratio, vertical alignment, the gap per breakpoint, and its own maximum width.
Stacking control Choose the width at which the columns stack, and whether the media leads once they do.

Section spacing and gradients

Three small groups on the Style tab, alongside the per element style groups rather than inside one of them:

  • Section and body spacing, per breakpoint
  • Card padding for the subscribe and previous/next cards
  • The gradient pickers for tags, share buttons and the subscribe card

None of them sit behind a show/hide switch, so they are always visible even when the element they style is off. Each one's help text names the setting that actually switches that element on.

Top padding means the gap below the header

The header clearance is added separately when the header overlays the page, so this value is the space below the header, not from the top of the viewport.