Text logo size and colours

Size, weight, letter spacing, case and colour for the site name in the header — the masthead's own typography, separate from your headings.

When no image logo is set, the site name is your masthead. Rural Blog gives it a type treatment of its own, because a masthead is the one heading that usually should differ from the headings under it: bold and widely tracked on a magazine, plain lowercase on a journal.

All of it is at Appearance → Customize → Site Identity, and all of it only applies while no logo image is uploaded. With an image logo, use Image logo height instead.

Text logo typography

One control, five boxes.

FieldDefaultNotes
Size (desktop)1.2emAny unit: 1.2em, 28px, 2rem
Size (tablet)emptyEmpty keeps the desktop size at that width
Size (mobile)emptySame
WeightSame as heading300 Light through 700 Bold
Letter spacingDefault1pxType 0 to remove the theme’s tracking
CaseDefault — UPPERCASEOr None (as typed), UPPERCASE, lowercase, Capitalize

The face is not offered. The site name follows your heading font — a masthead in a third family is a different site, not a different setting.

Two of these have a fallback worth reading carefully:

  • Weight left on Same as heading tracks whatever your heading weight is. Set a number and the masthead is pinned there while your headings move freely.
  • Case left on Default — UPPERCASE is uppercase; that is the theme’s own masthead treatment, not an inherit from your headings. Pick None — as typed to print the site name exactly as you wrote it in Settings → General.

Letter spacing on phones

The theme drops the masthead’s tracking to zero on small screens, where a tracked uppercase name eats the whole bar. Filling in the letter spacing box holds your value at every width, phones included. If you want tracking on desktop and none on mobile, leave the box empty.

Text logo colour

Site Identity → Text logo color.

Empty is not black — it is inherit, so the site name follows the header text colour. A dark header skin therefore gets a light masthead without you picking anything, which is why the default is empty and should usually stay that way.

Set a colour here when the masthead is a brand colour that should hold whatever the header does around it.

The tagline has its own picker rather than sharing this one, so you can mute one against the other.

A worked example

A quiet, lowercase, journal-style masthead:

FieldValue
Size1.4em
Weight400 — Regular
Letter spacing0
CaseNone — as typed

And a magazine masthead:

FieldValue
Size1.8em, mobile 1.3em
Weight700 — Bold
Letter spacing2px
CaseUPPERCASE

Both leave the colour empty, so both still work if you later switch the header to the dark skin.

Last updated September 12, 2026

Something missing or out of date? Ask us and we will fix the page.