Mini-Pattern: Source Static

Ray Lesse

CTO, Bigdeal Co

Pattern Documentation

Theme Modifiers (CSS, Javascript)

This pattern styling is completely handled within Kadence

Kadence Modification Notes

  • Container block
    • Renamed “Source”
    • Direction: Horizontal
    • Alignment: Start
    • Vertical Alignment: Middle
    • Horizontal Gap: SM
    • Wrap Content: No Wrap
    • Padding: XXS (all sides)
  • Image Block
    • Use fixed ratio instead of image ratio: Toggled on
    • Size Ratio: 1:1
    • Max Image Width: 60px
    • Mask Shape: Circle
    • Margin: None (top/bottom)
  • Name Text Block:
    • Font Size: 20px (desktop), 16px (mobile)
    • Line Height: 1.4 (desktop), 1.5 (mobile)
    • Font Weight: 700
    • Letter Spacing: 0.2px (desktop), 0.32px (mobile)
  • Title/Description Text Block:
    • Font Size: 16px
    • Line Height: 1.5
    • Letter Spacing: 0.32px

Pattern Library Organization

  • Categories: n/a
  • Search Keywords: source, author