wptheme.com

One review, set large: a free WordPress block pattern

How to use it

  1. Copy the markup below.
  2. In the block editor, open the options menu and switch to the Code editor.
  3. Paste the markup where you want the section, then switch back to the Visual editor.
  4. Swap in your own text and images. Colors come from your theme's palette.

Block markup

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"className":"gw-ruled-section","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull gw-ruled-section" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"900px","justifyContent":"left"}} -->
<div class="wp-block-group alignwide"><!-- wp:quote {"className":"gw-review-single"} -->
<blockquote class="wp-block-quote gw-review-single"><!-- wp:paragraph -->
<p>They showed up when they said they would, explained everything and the price matched the quote.</p>
<!-- /wp:paragraph --><cite>Sample customer · Downtown</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Uses preset color and spacing slugs from the Groundwork theme (base, surface, accent, contrast). In another theme, map them to that theme's palette.