Alignment
Justification
Vertical
Overlay menu off
Overlay menu mobile
Overlay menu always
Block spacing
Block spacing preset: 0
Block spacing preset: 4
Block spacing preset: 7
標籤: Block spacing
-
Stack
Note: For other block settings like typography and background image, see the group block.
Alignment
Align none.
A second paragraph inside a stack.
Wide.
A second paragraph inside a stack.
Full width.
A second paragraph inside a stack.
Vertical alignment
Note: Background color and min height has been added for visibility.
Align top.
A second paragraph inside a stack.
Align middle
A second paragraph inside a stack.
Align bottom.
A second paragraph inside a stack.
Space between.
A second paragraph inside a stack.
Justification
Justify items left
A second paragraph inside a stack.
Justify items center
A second paragraph inside a stack.
Justify items right
A second paragraph inside a stack.
Stretch items
A second paragraph inside a stack.
-
Row
Note: For other block settings like typography and background image, see the group block.
Alignment
Align none.
A second paragraph inside a row.
Wide.
A second paragraph inside a row.
Full width.
A second paragraph inside a row.
Vertical alignment
Note: Background color and min height has been added for visibility.
Align top.
A second paragraph inside a row.
Align middle
A second paragraph inside a row.
Align bottom.
A second paragraph inside a row.
Stretch to fill.
A second paragraph inside a row.
Justification
Justify items left.
A second paragraph inside a row.
Justify items center.
A second paragraph inside a row.
Justify items right.
A second paragraph inside a row.
Space between
A second paragraph inside a row.
-
Group
Inner blocks use content width
A paragraph inside a group. No alignment, default justification.
A paragraph inside a group. Wide, default justification.
A paragraph inside a group. Wide, left justification.
A paragraph inside a group. Wide, right justification.
A paragraph inside a group. Full width, default justification.
A paragraph inside a group. Full width, left justification.
A paragraph inside a group. Full width, right justification.
Custom content width: 200px, custom wide width: 400px, left justification
A paragraph inside a group. No alignment, default justification.
A paragraph inside a group. No alignment, default justification.
Inner blocks do not use content width
A paragraph inside a group, no alignment.
A paragraph inside a group, wide
A paragraph inside a group, full width
Color
Text color.
Text color, link color.
Text color, link color, background color.
Text color, link color, background color, heading color.
And this is the example heading inside the group
Text color, link color, background color, heading color, button color.
And this is the example heading inside the group
Background image
A paragraph inside a group.
Min height is set to 300 so that the image is more visible.
Border
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Typography
Font size
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Appearance
A paragraph inside a group.
A paragraph inside a group.
Line height
A paragraph inside a group.
Letter spacing
A paragraph inside a group.
Decoration
A paragraph inside a group.
A paragraph inside a group.
Letter case
A paragraph inside a group.
A paragraph inside a group.
A paragraph inside a group.
Dimensions
Background color added for visibility.
Padding preset: 4
A paragraph inside a group.
Margin preset: 4
A paragraph inside a group.
Block spacing preset: 0
A paragraph inside a group.
A second paragraph.
Block spacing preset: 4
A paragraph inside a group.
A second paragraph.
Block spacing preset: 7
A paragraph inside a group.
A second paragraph.
A paragraph inside a group.
Min height is set to 300px.
-
Columns
Column numbers and widths
Background colors have been added for visibility:
One column
Two columns, 50/50
Column two
Two columns, one third
Two thirds
Two columns, two thirds
One third
Three columns
Column two
Column three
Three columns, 25
50
25
Custom column numbers
One
Two
Three
Four
Five
Six
Do not stack on mobile
Two columns, 50/50
Column two
Column three
Alignment
No alignment, default. Column one
Column two
Column three
Wide. Column one
Column two
Column three
Full width. Column one
Column two
Column three
Align middle
No alignment, default. Column one
Column two
Some more text, to showcase alignments.
The default alignment is top.Column three
Align bottom
No alignment, default. Column one
Column two
Some more text, to showcase alignments.
The default alignment is top.Column three
Color
Background color on columns only:
Two columns, 50/50
Column two
Column three
Background color on both columns and column:
Two columns, 50/50
Column two
Column three
Border
Border on columns only:
Column one
Column two
Column three
With border radius:
Column one
Column two
Column three
Note that border radius conflicts with the background on the inner blocks, this is a known issue (WordPress 6.4)
Column one
Column two
Column three
Border on the inner column only:
Note that border radius on the inner columns is not supported (WordPress 6.4)
Column one
Column two
Column three
Border on both the columns and the inner column:
Column one
Column two
Column three
Note that border radius conflicts with the border on the inner blocks, this is a known issue (WordPress 6.4)
Column one
Column two
Column three
Typography
Font size
Column one
Column two
Column three
Column one
Column two
Column three
Column one
Column two
Column three
Column one
Column two
Column three
Appearance
Column one
Column two
Column three
Column one
Column two
Column three
Line height
Column one
Column two
Column three
Letter spacing
Column one
Column two
Column three
Decoration
Column one
Column two
Column three
Column one
Column two
Column three
Letter case
Column one
Column two
Column three
Column one
Column two
Column three
Column one
Column two
Column three
Spacing
Padding preset: 4
Column one
Column two
Column three
Margin Preset: 4
Column one
Column two
Column three
Block spacing preset: 0
Column one
Column two
Column three
Block spacing preset: 4
Column one
Column two
Column three
Block spacing preset: 7
Column one
Column two
Column three
-
Buttons
Width
Linked
Justification
Wide and full width
Wrapping
Vertical
Color
Border
Typography
Font Size
Appearance
Line height
Letter spacing
Decoration
Letter case
Spacing
Margin preset: 4
Block spacing preset: 0
Block spacing preset: 4
Block spacing preset: 7
Padding on the inner button
-
Cover
Alignment
Content
Content
Content
Content
Content
Content
Note: there is a spacer block above to clear the alignment.
Content position
Content
Content
Content
Content
Content
Content
Content
Content
Content
Full height:
Content
Fixed background:
Content
Repeated background
Content
Fixed and repeated background
Content
Border
Content
Color
Purple overlay with different opacities:
Content
Content
Content
White overlay, 50%:
Content
Overlay, heading text color, heading background color, text color:
Heading as content
Content
Duotone
Content
Content
Content
Content
Content
Content
Content
Content
Dimensions
Padding preset: 4
Content
Margin preset: 4
Content
Block spacing preset: 0
Content
Content
Block spacing preset: 4
Content
Content
Block spacing preset: 7
Content
Content
Typography
Font size
For this example, the font size has been removed from the inner paragraph (“Content”).
Content
Content
Content
Content
Appearance
Content
Content
Line height
Content
Letter spacing
Content
Decoration
Content
Content
Letter case
Content
Content
Content
-
Gallery
Gallery caption Single image caption Another image caption Gallery caption 
Three columns Four columns Alignment
Wide Full width Left aligned Center Right aligned Gallery images have “Expand on click”
Color
Gallery images with border:
Gallery images with duotone:
Dimensions
Padding preset: 4
Padding preset: 4, and background color
Margin preset: 4
Block pacing preset: 0
Block pacing preset: 4
Block pacing preset: 7
-
Details
Summary
Paragraph block
Open by default
Paragraph block
Alignment
Wide width
Paragraph block
Full width
Paragraph block
Color
Summary
Paragraph block
Summary
Paragraph block
Summary
Paragraph block with link
Border
Summary
Paragraph block
Summary
Paragraph block
Dimensions
Padding preset: 4
Summary
Paragraph block
Margin preset: 4
Summary
Paragraph block
Block spacing preset: 4
Summary
Paragraph block
Typography
Font size
Summary
Paragraph block
Summary
Paragraph block
Summary
Paragraph block
Summary
Paragraph block
Appearance
Summary
Paragraph block
Summary
Paragraph block
Line height
Summary
Paragraph block
Letter spacing
Summary
Paragraph block
Decoration
Summary
Paragraph block
Summary
Paragraph block
Letter case
Summary
Paragraph block
Summary
Paragraph block
Summary
Paragraph block