Avatar
With link to user profile:
Alignment
Border
Duotone
Padding and maring
Padding preset: 4
Margin preset: 4
With link to user profile:
Padding preset: 4
Margin preset: 4
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.
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing preset: 0
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Block spacing preset: 7
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
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.
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
Alignment Padding and margin Padding preset: 4 Margin preset: 5
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…
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…
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Content, image media on left. A second line to illustrate the line height. Content, image media on left. The media is linked to the media file. Content, video media on right. Do not stack on mobile Content, image media on left. Vertical alignment Top Middle Bottom Alignment No alignment Wide Full width Media width Media…
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
Alignment Padding and margin Padding preset: 4 Margin preset: 5
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
Alignment Padding and margin Padding preset: 4 Margin preset: 5
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
Alignment Padding and margin Padding preset: 4 Margin preset: 5
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
Alignment Padding and margin Padding preset: 4 Margin preset: 5
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
Padding preset: 4
almost anythink
Margin preset: 4
almost anythink
With link:
Padding preset: 4
Margin: preset 4
Without link
Style variation: Rounded
Note: there is a spacer block above to clear the alignment.
Padding preset: 4
Margin preset: 4