Rural Blog docsAll pages

Text logo size and colours

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.

Field Default Notes
Size (desktop) 1.2em Any unit: 1.2em, 28px, 2rem
Size (tablet) empty Empty keeps the desktop size at that width
Size (mobile) empty Same
Weight Same as heading 300 Light through 700 Bold
Letter spacing Default1px Type 0 to remove the theme’s tracking
Case Default — UPPERCASE Or 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:

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:

Field Value
Size 1.4em
Weight 400 — Regular
Letter spacing 0
Case None — as typed

And a magazine masthead:

Field Value
Size 1.8em, mobile 1.3em
Weight 700 — Bold
Letter spacing 2px
Case UPPERCASE

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