Intro Text and Row of Images

[onuro]

Category: Text, Images

Tag: Pattern

Pattern Meta: is_web

Screenshot:

Markup:

<!-- wp:cover {"isRepeated":true,"dimRatio":10,"overlayColor":"background","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"60px","right":"0px","bottom":"0px","left":"0px"},"margin":{"bottom":"60px","top":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light is-repeated" style="margin-top:0px;margin-bottom:60px;padding-top:60px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-10 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"50px","padding":{"bottom":"80px","right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-bottom:80px;padding-left:var(--wp--preset--spacing--60)"><!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"lineHeight":1.4,"fontStyle":"normal","fontWeight":"400"}},"textColor":"body-text","fontSize":"medium"} -->
<h2 class="wp-block-heading alignwide has-text-align-center has-body-text-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:400;line-height:1.4">Located in the heart of 5th Avenue, Varese is a casual yet elegant restaurant, serving authentic cuisine from Schiranna, complimented by fine wine selections from around the world. Enjoy our indoor or outdoor dining options with friends and family.</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"right":"60px","left":"60px"}}},"className":"aligncenter"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link wp-element-button" style="padding-right:60px;padding-left:60px">Book a Table </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":8918,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2022/12/row-1.jpg?w=500" alt="" class="wp-image-8918"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":8919,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2022/12/row-2.jpg?w=500" alt="" class="wp-image-8919"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":8920,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2022/12/row-3.jpg?w=500" alt="" class="wp-image-8920"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":8921,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2022/12/row-4.jpg?w=500" alt="" class="wp-image-8921"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":8922,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2022/12/row-5.jpg?w=500" alt="" class="wp-image-8922"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

Preview: https://dotcompatterns.wordpress.com/?p=8914&preview=true

Based on one of the patterns used in Varese theme. cc: @alaczek @iamtakashi

[iamtakashi]

I'm unsure about the centre-aligned paragraph on a wide-width column, but that could be just me. I think you can give it a more generous line height to balance with the length of the line.

The images with the circles below look like they have been cropped awkwardly. Could you try cropping them again to have a better composition?

[onuro]

Thanks @iamtakashi.

I think you can give it a more generous line height to balance with the length of the line. I've added a bit more line height and just a bit more size to support it.

The images with the circles below look like they have been cropped awkwardly. Could you try cropping them again to have a better composition? Good call. Re-cropped as follows:

[iamtakashi]

I don't see much difference in the image in the middle, but it looks OK, as the focus seems to be the person's hands with the herbs. It looks ok to publish.

[iamtakashi]

Make sure the category, the tag, and the pattern meta before publishing, though.

[onuro]

Yep, thanks @iamtakashi!