Column numbers and widths
<?php echo 'hello world'; ?>
| test | test |
| test | test |
hello world
<?php echo 'hello world'; ?>
| test | test |
| test | test |
hello world
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