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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Inner blocks use content width: On
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Grid, 3 columns
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Justification
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Custom width 200px, custom wide width 400px
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Color
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Block spacing
Block spacing preset: 0
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Block spacing preset: 4
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Block spacing preset: 7
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Typography
Font size
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Appearance
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Line height
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Letter spacing
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Decoration
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Letter case
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
-
Site Title
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
-
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
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Excerpt
-
Title
Title & excerpt variation
-
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
Title, date & excerpt variation
-
next on April 1
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Image, date, and title variation
-
Query Loop
-
Site Tagline
Post type: page
Filter: “Design” category
Offset: 1
-
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
Pagination without reload
-
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
Alignment
-
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
-
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
-
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
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