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.
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
sep-postsAvatar
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
Inner blocks use content width: On
Grid, 3 columns
Justification
Custom width 200px, custom wide width 400px
Color
Block spacing
Block spacing preset: 0
Block spacing preset: 4
Block spacing preset: 7
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
-
Workers are not Tools
Title & excerpt variation
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
Title, date & 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
Image, date, and title variation
-
Hello world!
-
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
-
Heading
H1 Heading H1 Heading, bold H1 Heading, italic H1 Heading, linked H1 Heading, highlighted H2 Heading H3 Heading H4 Heading H5 Heading H6 Heading H2 Heading, wide H2 Heading, full width H2 Heading, left aligned H2 Heading, center H2 Heading, right aligned H2 Heading with text color H2 Heading with text coloor and background color…
Pagination without reload
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
Alignment
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
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
sep-postsSite 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
sep-postsSite 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
sep-posts