[HelpHub] [6.4] Columns Block

[femkreations]

Article: https://wordpress.org/documentation/article/columns-block/

Updates for 6.4

• Adopt button and heading element colors. 54104
• Add stretch alignment to Column block. 53325

Reference

• Pls refer for the previous versions tasks here

General

• Make sure all screenshots are relevant to the latest version
• Make sure videos, if any, are up to date
• Add ALT tags for the images
• Make sure the headings are in sentence case
• Convert all reusable blocks to a ‘regular block’.
• Update the changelog at the end of the article

[github-actions]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[github-actions]

Heads up @femkreations - the "block editor" label was applied to this issue.

[zunaid321]

Would like to work on this one.

[zunaid321]

@femkreations @abhansnuk

Please assign this to me. Thank you.

[nalininsbs]

Thank you @zunaid321 .

[zunaid321]

Adopt button and heading element colors. WordPress/gutenberg#54104

With the recent release, this feature allows you to choose a color for the buttons and heading of Column/s blocks. It allows you to style some elements independently with different colors, for example, a special section with a color-coded button and headline. You can choose specific colors for button and heading from columns /s blocks giving you a freedom on how to design the content.

[zunaid321]

Add stretch alignment to Column block. WordPress/gutenberg#53325

The stretch feature is added to vertical alignments of the column block. This implies that blocks in a Column block may now be stretched to 100% height of their container.

stretch-alignment-to-Column-block.mp4

[zunaid321]

Please review the changes above:

@femkreations @abhansnuk

Thank you!

[nalininsbs]

Thank you @zunaid321 . The cat is very nice.

I have moved this to first edit and adding @Leonardus-Nugraha @jennimckinnon for awareness.

[abhansnuk]

In this section:

Adopt button and heading element colors. WordPress/gutenberg#54104

EDIT:

With the 6.4 release, this feature allows you to choose a color for the buttons and heading of column blocks. Users can now style some elements independently with different colors, for example, have a special section with a color-coded button and headline. The option to choose specific colors for button and headings of columns blocks gives more freedom in designing content.

[abhansnuk]

Add stretch alignment to Column block. WordPress/gutenberg#53325

The stretch feature is added to vertical alignments of the columns block. This implies that blocks in a Column block may now be stretched to 100% height of their container.

stretch-alignment-to-Column-block.mp4

TEXT EDIT TO:
"The stretch feature is added to vertical alignments of the columns block. This means that blocks in columns block may now be stretched to 100% height of their container."

Can we add a little bit more description about whether this stretch is in proportion or how to stretch it while maintaining its proportions? Is there a link to the glossary for 'container', or do we need to give a very brief description of 'container' given this is for end users?

[abhansnuk]

@zunaid321 I was not sure if the image added of cats is one you added? If so, I wonder can we show in the right hand sections stretched version of the pictures rather than different pictures? Very cute cats! Thanks for working on this issue.

[zunaid321]

In this section:

Adopt button and heading element colors. WordPress/gutenberg#54104

EDIT:

With the 6.4 release, this feature allows you to choose a color for the buttons and heading of column blocks. Users can now style some elements independently with different colors, for example, have a special section with a color-coded button and headline. The option to choose specific colors for button and headings of columns blocks gives more freedom in designing content.

Awesome! Thank you for the edit! 🙏 @abhansnuk

[zunaid321]

Add stretch alignment to Column block. WordPress/gutenberg#53325
The stretch feature is added to vertical alignments of the columns block. This implies that blocks in a Column block may now be stretched to 100% height of their container.

stretch-alignment-to-Column-block.mp4

TEXT EDIT TO: "The stretch feature is added to vertical alignments of the columns block. This means that blocks in columns block may now be stretched to 100% height of their container."

Can we add a little bit more description about whether this stretch is in proportion or how to stretch it while maintaining its proportions? Is there a link to the glossary for 'container', or do we need to give a very brief description of 'container' given this is for end users?

@zunaid321 I was not sure if the image added of cats is one you added? If so, I wonder can we show in the right hand sections stretched version of the pictures rather than different pictures? Very cute cats! Thanks for working on this issue.

I got the screenshot from and regarding the description, I got it from here: WordPress/gutenberg#53325

Maybe the author of that particular issue can give us more insight into this? 🤔 @abhansnuk