Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save melchoyce/fb2c5c2b6f87c962675fd797b931062e to your computer and use it in GitHub Desktop.
Save melchoyce/fb2c5c2b6f87c962675fd797b931062e to your computer and use it in GitHub Desktop.
WordPress Pattern: Full width image of space with big headline
<!-- wp:cover {"url":"https://mywptesting.site/wp-content/uploads/2021/06/image-from-rawpixel-id-283674-jpeg-2.jpg","id":3031,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","contentPosition":"bottom left","align":"full","style":{"spacing":{"padding":{"top":"100px","right":"100px","bottom":"100px","left":"100px"}}}} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left" style="padding-top:100px;padding-right:100px;padding-bottom:100px;padding-left:100px;min-height:100vh"><img class="wp-block-cover__image-background wp-image-3031" alt="" src="https://mywptesting.site/wp-content/uploads/2021/06/image-from-rawpixel-id-283674-jpeg-2.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"72px","lineHeight":"1.15"}}} -->
<p class="has-text-align-center" style="font-size:72px;line-height:1.15"><strong>STAR CLUSTERS</strong><br><strong>IN HERCULES</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment