Featured Image
Link to post:
Width
Alignment
Color
Overlay
Duotone
Border
Linked to post:
Aspect ratio
Excerpt
Custom, user created excerpt.
Custom, user created excerpt.
Show link on same line:
Custom, user created excerpt. Custom read more link text
Color
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Alignment (Text alignment)
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Typography
Font size
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Appearance
Custom, user created excerpt.
Custom, user created excerpt.
Line height
Custom, user created excerpt.
Letter spacing
Custom, user created excerpt.
Decoration
Custom, user created excerpt.
Custom, user created excerpt.
Letter case
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Padding and margin
Padding preset: 4
Custom, user created excerpt.
Margin preset: 4
Custom, user created excerpt.
Avatar
With link to user profile:
Alignment
Border
Duotone
Padding and maring
Padding preset: 4
Margin preset: 4
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.
Inner blocks use content width: Off
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Inner blocks use content width: On
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Grid, 3 columns
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Justification
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Custom width 200px, custom wide width 400px
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Color
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Block spacing
Block spacing preset: 0
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Block spacing preset: 4
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Block spacing preset: 7
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Typography
Font size
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Appearance
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Line height
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Letter spacing
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Decoration
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Letter case
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Image
Alignment Aspect ratio Expand on click Border Duotone
-
Footnotes
Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Spacer
-
Separator
Title & excerpt variation
-
Stack
Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…
-
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…
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
-
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…
Pagination without reload
-
Stack
Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…
-
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…
Alignment
-
Stack
Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…
-
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…
-
Stack
Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…
-
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…
-
Stack
Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…
-
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…
Site Tagline
almost anythink
Color
almost anythink
almost anythink
almost anythink
Alignment
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
Typography
Font size
almost anythink
almost anythink
almost anythink
almost anythink
Appearance
almost anythink
almost anythink
Line height
almost anythink
Letter spacing
almost anythink
Decoration
almost anythink
almost anythink
Letter case
almost anythink
almost anythink
almost anythink
Padding and margin
Padding preset: 4
almost anythink
Margin preset: 4
almost anythink
Site Title
Site Title
With link:
Site Title
Heading level 1-6
Site Title
Site Title
Site Title
Site Title
Site Title
Site Title
Alignment
Site Title
Site Title
Site Title
Site Title
Site Title
Color
Site Title
Site Title
Site Title
Typography
Font size
Site Title
Site Title
Site Title
Site Title
Appearance
Site Title
Site Title
Line height
Site Title
Letter spacing
Site Title
Decoration
Site Title
Site Title
Site Title
Letter case
Padding and margin
Padding preset: 4
Site Title
Margin: preset 4
Site Title
Site Logo
Without link
Style variation: Rounded
Duotone
Note: there is a spacer block above to clear the alignment.
Padding and margin
Padding preset: 4
Margin preset: 4
Navigation
Alignment
Justification
Vertical
Overlay menu off
Overlay menu mobile
Overlay menu always
Block spacing
Block spacing preset: 0
Block spacing preset: 4
Block spacing preset: 7
Color
Typography
Font size
Appearance
Line height
Letter spacing
Decoration
Letter case