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
-
Title
-
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: On
-
Title
-
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.
Grid, 3 columns
-
Title
-
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.
Justification
-
Title
-
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.
-
Title
-
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.
-
Title
-
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.
Custom width 200px, custom wide width 400px
-
Title
-
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.
Color
-
Title
-
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.
-
Title
-
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.
-
Title
-
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.
Block spacing
Block spacing preset: 0
-
Title
-
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.
-
Title
-
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.
Block spacing preset: 4
-
Title
-
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.
-
Title
-
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.
Block spacing preset: 7
-
Title
-
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.
-
Title
-
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.
Typography
Font size
-
Title
-
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.
-
Title
-
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.
-
Title
-
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.
-
Title
-
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.
Appearance
-
Title
-
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.
-
Title
-
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.
Line height
-
Title
-
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.
Letter spacing
-
Title
-
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.
Decoration
-
Title
-
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.
-
Title
-
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.
Letter case
-
Title
-
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.
-
Title
-
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.
-
Title
-
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.
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Author Name
-
Author
Title & excerpt variation
-
Next and Previous Post
With custom link text Color Alignment (Text alignment) Orientation Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Title, date & excerpt variation
-
Page break
Content before the page break.
-
More
Content before the more block. On an archive page, only these two paragraphs should be visible.
Image, date, and title variation
-
Hello world!
-
Workers Go Go!
Post type: page
-
Frontpage – Quotes
-
Frontpage – Products
Filter: “Design” category
Offset: 1
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Pagination without reload
-
Next and Previous Post
With custom link text Color Alignment (Text alignment) Orientation Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Alignment
-
Next and Previous Post
With custom link text Color Alignment (Text alignment) Orientation Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Next and Previous Post
With custom link text Color Alignment (Text alignment) Orientation Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Next and Previous Post
With custom link text Color Alignment (Text alignment) Orientation Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Tags
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
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