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
Tag cloud
Taxonomy: categories Show post count: Custom smallest and largest font size: Outline style variation Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
Title, date & excerpt variation
The Backbone of Our Nation
Workers, the backbone of our nation, A vital part of our economy’s foundation, From the factories to the fields, Their labor and hard work never yields. They build our cities and keep them running, Their hands are rough, their will is stunning, They toil in the sun and in the rain, Their dedication never wanes.…
Read More
Color Typography Font sizes Appearance Line height Letter spacing Letter case Decoration Border Padding and margin Padding preset: 4 Margin preset: 4
Image, date, and title variation
Hello world!
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
Taxonomy: categories Show post count: Custom smallest and largest font size: Outline style variation Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
Alignment
Tag cloud
Taxonomy: categories Show post count: Custom smallest and largest font size: Outline style variation Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
Tag cloud
Taxonomy: categories Show post count: Custom smallest and largest font size: Outline style variation Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
Tag cloud
Taxonomy: categories Show post count: Custom smallest and largest font size: Outline style variation Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
