Header 3

Updated

Usage

Open Appearance → Customize → Styles → Header 3 to set your mid-size heading style. It applies to H3 headings and the H3 headline style used for card titles, sidebar headings, and the site name beside your logo.

Adjust the Font, Size, Mobile Size, Weight, Style, Transform, Tracking, Width, Line Height, and Color to sit between section titles (H2) and label-style headings (H4–H6).

When to use it

  • Card grids, team lists, or pricing tables that need a consistent title size.
  • When Header 2 feels too large for repeated subsection titles.
  • When the site name in the header should match your card titles. It uses this style by default.

Tips

  • H3 is the most common card and sidebar title, so small Size changes show up across archives and related posts.
  • It uses the Display font by default. Switch Font to Body or Alternate only if card titles should differ from your main headings.
  • Pair with Styles → Paragraphs so text under H3 titles is clearly smaller.
  • Any block can use the H3 look without changing its heading level.
  • Width shows when this style's font comes in several widths and is set to Full axis in Dirigible Fonts. Uncheck Default and drag the slider for a condensed (narrower) or expanded (wider) cut of the font; the slider covers only the widths the font has. Leave Default checked to keep the width the text has now.

Settings

Header 3

Font setting in the block editor sidebar
Font

Picks which of the three stacks from Styles → Fonts this style uses. Each row shows the family behind it, with a sample set in that font.

  • Displaydefault
  • Body
  • Alt
Style setting in the block editor sidebar
Style

Italic shows when the font has an italic loaded in Dirigible Fonts; with no italic, Style is hidden. A saved Italic the font doesn't load is marked, with a note.

  • Normaldefault
  • Italic
Transform setting in the block editor sidebar
Transform
  • Nonedefault
  • Uppercase
  • Lowercase
  • Title Case
Weight setting in the block editor sidebar
Weight

With a variable font, a slider covers the weights the font has. With other fonts, only the weights Dirigible Fonts loads show. A saved weight the font doesn't load is marked, with a note.

  • Extra Light
  • Light
  • Normaldefault
  • Book
  • Md. Bold
  • Bold
  • Xtra Bold
  • Black
  • Xtra Black
Color setting in the block editor sidebar
Color
  • Textdefault
  • Primary
  • Secondary
  • Accent
  • Variant
  • Muted
Size setting in the block editor sidebar
Size
Mobile Size setting in the block editor sidebar
Mobile Size
Tracking setting in the block editor sidebar
Tracking
Width setting in the block editor sidebar
Width

Shows when this style's font comes in several widths and is set to Full axis in Dirigible Fonts. Uncheck Default, then drag for a narrower (condensed) or wider (expanded) cut; the slider covers only the widths the font has. Default keeps the width the text has now.

Line Height setting in the block editor sidebar
Line Height

Built by Dirigible Studio. Get in touch