BCEW Monorepo Docs

DSWP Icon with Excerpt ​

Overview ​

This pattern creates a two-column layout featuring icon-heading combinations with accompanying text excerpts. It's ideal for presenting features, services, or key points in a visually balanced format.

Important Note

Each pattern consists of several blocks. Only adjust the content and color block settings. The structural settings (padding and margins) are pre-configured for responsiveness. Modifying structural settings may break the pattern.

Pattern Components ​

Pattern Components

Each column contains:

  1. Icon

    • 36px width icon image
    • H5 heading

  2. Heading - Main title for the card

  3. Paragraph - Descriptive text

Common Tasks ​

Modifying Icon ​

  1. Select the image block
  2. Click "Replace"
  3. Upload or choose new icon
  4. Icon automatically resizes to 36px width Icon replacement

Update Heading:

  • Click to edit H5 heading text
  • Start Typing new content

Heading update

Update Paragraph:

  • Click to edit paragraph text
  • Start Typing new content

Paragraph update

Layout Variations ​

  • Desktop: Two equal columns
  • Tablet: Maintains two columns
  • Mobile: Stacks vertically Layout Variations

Block Documentation ​

For detailed instructions on modifying specific blocks, refer to WordPress's official documentation: