Dual Text Cards Block

This block displays two text cards side-by-side, each with its own heading, excerpt, and call-to-action button.


Content Editor Fields

Text Card One:

  • Heading One: A heading for the first card. You can choose between a semibold (H4) or bold (H5) style for this heading.
  • Excerpt One: A brief description or content for the first card. You can choose between a dotted or standard list style for this excerpt.
  • CTA One: A call-to-action button for the first card, including a link and button text.

Text Card Two:

  • Heading Two: A heading for the second card. You can choose between a semibold (H4) or bold (H5) style for this heading.
  • Excerpt Two: A brief description or content for the second card. You can choose between a dotted or sqaured list style for this excerpt.
  • CTA Two: A call-to-action button for the second card, including a link and button text.

Global Settings:

  • Heading Style: Choose between semibold (H4) or bold (H5) for all headings in this block.
  • List Style: Choose between a dotted or sqaured list style for all list items in excerpts in this block.

Example Usage:

Steps:

  1. Add the block: Insert the Dual Text Cards Block into your page or post.
  2. Set the settings:
  • Heading Style: Choose between semibold (H4) or bold (H5) for all headings in this block.
  • List Style: Choose between a dotted or sqaured list style for all list items in excerpts in this block.
  1. Set the content:

Text Card One:

  • Heading One: "What we do"
  • Excerpt One: "In our quest for net-zero contamination, we are continually developing our packaging to improve its performance. Through this consistent optimisation, we look at what to do more of, what to do less of and everything else we can do to reduce our packaging’s impact on the planet. "
  • CTA One: "Learn More"
  1. Save the Block: Your Dual Text Cards is now ready for display!

Result:

Preview with image:

dual-text-cards with image

Editor preview:

Cards and Image acf


Conclusion:

This block can be used to present two related pieces of information or services side-by-side.