Media + Text

The Media + Text block lays out media beside text using a 12‑column grid, with flexible layout and typography controls.

What It Includes

• Heading
• Body text
• Media (image/video/any block)
• InnerBlocks for content

Layout Controls

• Inner spacing (Top/Bottom): Small / Medium / Large
• Inner spacing (Left/Right): Small / Medium / Large
• Text columns: 1–11 (out of 12)
• Content alignment: Left / Center / Right
• Media position: Left / Right
• Top margin: Use global / None / Small / Medium / Large
• Bottom margin: Use global / None / Small / Medium / Large

Typography Controls

• Heading tag: H1 / H2 / H3
• Heading size: Theme default, Small → 4XL
• Body size: Theme default, Small → 4XL

Colour Controls

• Heading text
• Body text
• Background

How the grid works

• You set Text columns (1–11).
• Media automatically uses the remaining columns.
• Total always adds up to 12 columns.

Tips

• For a classic split, set Text columns to 6 (media 6 / text 6).
• For a heavier text layout, set Text columns to 7–8.
• Use Full Width alignment for full‑bleed sections.