Blog Pullquote

“Every enterprise learns it sooner or later – the biggest competitive advantages sometimes come from unexpected places.”

Clive Client, CTO Bigdeal Co

Pattern Documentation

Theme Modifiers (CSS, Javascript)

This pattern styling is affected by modifiers; see the Kadence Build Strategy Documentation.

Here are the classes that affect this pattern:

  • hang-punctuation: Applied to the text block containing quote character. Adds styles to offset the first quotation to the left so quote text is aligned

Kadence Modification Notes

  • Container Block:
    • Renamed “Pullquote”
    • Align (in toolbar): Full Width
    • Custom Content Max Width: 1008px
    • NO BACKGROUND: This allows the sidebar content to appear under the full-width pattern as per design
    • Padding: 120px (top/bottom desktop), 100px (top/bottom tablet), 80px (top/bottom mobile)
  • Inner Section Block:
    • Vertical Gap: 52px (desktop), 40px (tablet), 32px (mobile)
  • Text Block for Quote:
    • HTML Tag: Paragraph
    • Font Size: 58px (desktop), 46px (tablet), 32px (mobile)
    • Line Height: 1.1 (desktop), 1.2 (tablet)
    • Font Weight: 500
    • Letter Spacing: -0.58px
  • Quote Source Blocks:
    • Source Static mini-pattern used, see documentation
    • Minor deviations from Source pattern: removed container padding and removed source name text block

Pattern Library Organization

  • Categories: Blog
  • Search Keywords: pullquote, quote