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:
- Stacked — the title has a full column.
1.8em–2.4em. - List — 62% of a row.
1.4em–1.8em. - Grid — a card.
1.2em–1.5em, and less as the column count rises.
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.2em – 2.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.
Related
- Heading font and sizes
- Post subtitle — the line under it
- Post header alignment