Note: For these tests, the parent query loop is full width. “Inner blocks use content width” on the query loop is turned off, which is the default value.
Inner blocks use content width: Off
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Inner blocks use content width: On
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Grid, 3 columns
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Justification
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Custom width 200px, custom wide width 400px
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Color
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing
Block spacing preset: 0
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing preset: 7
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Typography
Font size
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Appearance
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Line height
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Letter spacing
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Decoration
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Letter case
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Calendar
Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Letter case
Archives
Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Note: A separator have been added between each query loop.
Title & date variation
Tag cloud
Social Icons
Title & excerpt variation
Page break
Content before the page break.
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
Title, date & excerpt variation
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Workers Go Go!
We work hard in the factories and farms, Making things with our muscles and arms. But the bosses want to make more dough, So they pay us less and make us go, go, go. We toil all day, our backs are sore, But we can’t afford to take a snore. Our kids go hungry, our…
Image, date, and title variation
Posts Lists
Query Loop
Post type: page
Filter: “Design” category
Offset: 1
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
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…
Pagination without reload
Page break
Content before the page break.
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
Alignment
Page break
Content before the page break.
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
Page break
Content before the page break.
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
Page break
Content before the page break.
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
