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
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…
Columns
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…
Title, date & excerpt variation
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
Image, date, and title variation
Hello world!
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
Columns
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…
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
Pagination without reload
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…
Columns
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
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…
Columns
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…
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…
Columns
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…
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…
Columns
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…
