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.
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Font size Appearance Line height Letter spacing Decoration Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Note: A separator have been added between each query loop.
Title & date variation
Site Tagline
Site Title
Title & excerpt variation
Buttons
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
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Title, date & excerpt variation
Posts Lists
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.
Query Loop
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
Image, date, and title variation
Hello world!
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Media & Text
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…
Pagination without reload
Buttons
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
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Alignment
Buttons
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
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Buttons
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
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Buttons
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
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
