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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Inner blocks use content width: On
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Grid, 3 columns
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Justification
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Custom width 200px, custom wide width 400px
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Color
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Block spacing
Block spacing preset: 0
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Block spacing preset: 4
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Block spacing preset: 7
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Typography
Font size
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Appearance
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Line height
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Letter spacing
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Decoration
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Letter case
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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
Note: A separator have been added between each query loop.
Title & date variation
Navigation
Tag cloud
Title & excerpt variation
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Title, date & excerpt variation
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…
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…
Image, date, and title variation
Code
Quote
Post type: page
Categories
Frontpage – posts
Recent Posts …. more description to come… maybe
Filter: “Design” category
next on April 1
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…
Offset: 1
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…
Pagination without reload
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Alignment
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
