Call to Action

[iamtakashi]

<!-- wp:group {"align":"full","className":"padding-top-half padding-bottom-half padding-right-half padding-left-half","style":{"color":{"background":"#000000","text":"#ffffff"}}} -->
<div class="wp-block-group alignfull padding-top-half padding-bottom-half padding-right-half padding-left-half has-text-color has-background" style="background-color:#000000;color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":17,"lineHeight":"1.42"}}} -->
<p class="has-text-align-center" style="line-height:1.42;font-size:17px">Learn how to generate traffic to your blog in our webinar. <strong><a href="#">L</a></strong><strong><a href="#">e</a></strong><strong><a href="#">a</a></strong><strong><a href="#">r</a></strong><strong><a href="#">n</a></strong><strong><a href="#"> </a></strong><strong><a href="#">m</a></strong><strong><a href="#">o</a></strong><strong><a href="#">r</a></strong><a href="#"><strong>e</strong></a></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

[ianstewart]

👍 . I wonder if this one could use a different viewport width in the inserter. Too small and it won't look like the banner it is. But as wide as it is now I wonder if a bit smaller could be better? I also wonder what other "Banner" patterns we might have in us and want to share?

[iamtakashi]

Yeah, we should use a smaller viewport for this. If we go for 960px for this pattern, it'd appear like this in the inserter. Renaming it to "Banner" might help too.

Annoyingly though, the pattern appears a lot taller in the editor than how it'd look on the front of the site because of the baseline margins that Gutenberg add all blocks including nested blocks. The discussion around removing the baseline margins is here.

[alaczek]

Closing the loop on that one, as it's already launched.