Header 2

Updated

Usage

Open Appearance → Customize → Styles → Header 2 to style your main section headings. These settings apply to H2 headings and to blocks whose headline style is set to H2, a common choice for Hero headlines and section titles.

Set the Font, Size, Mobile Size, Weight, Style, Transform, Tracking, Width, Line Height, and Color one step below Header 1.

When to use it

  • After Header 1. Most interior pages lead with H2-sized headings.
  • When Hero blocks use the H2 style for their main title, as Theme Setup pages often do.
  • Making blog, archive, and section headings share one size and weight.

Tips

  • Many blocks default to H2 for their headline, so changes here show up quickly across Heroes, Media Callouts, and Columns.
  • Keep Size clearly smaller than Header 1 so the hierarchy is easy to see.
  • Uppercase H2s are rare. For label-style headings, use Header 4 instead.
  • A block can look like an H2 while using a different heading level. Check the block if heading structure matters for SEO on a specific page.
  • 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 2

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