Rural Blog docsAll pages

Post titles

Rural Blog splits post titles into two roles, because they are two different jobs at two different sizes.

Role Where Section
Post title font The blog listing, and a Query Loop Design → Blog
Post title font The <h1> on a single post Design → Single post

Same label, different sections. This page covers both.

Listing titles — Design → Blog

Field Default
Face Same as heading font
Size (desktop / tablet / mobile) empty / empty / empty
Weight Same as heading
Letter spacing empty
Case Same as heading
Line height empty

Every field empty, which means the theme’s own values govern: 1.8em, stepping down to 1.2em on phones.

Filling in the desktop size carries that size to every width, unless you also fill the tablet or mobile box. So if you set 2.2em and nothing else, phones get 2.2em too — which is usually not what you want. Fill the mobile box as well when you raise the desktop size.

There is also a Post title color picker under it. Empty follows the heading colour. It reaches the listing title only — the single post title keeps the heading colour.

Sizing by display mode

The right size depends on your display mode:

Single post title — Design → Single post

Field Default
Face Same as heading font
Size 1.8em
Weight Same as heading
Letter spacing 0
Case Same as heading
Line height 1.25

The weight and case default to inherit rather than to a number, so the post title keeps following your heading role instead of sitting frozen while the headings move.

1.8em is modest for an article headline. 2.2em2.8em is the more editorial range, and worth trying if your posts feel like they start too quietly. Watch the line height as you go up — 1.15 reads better than 1.25 on a large headline.