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
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Inner blocks use content width: On
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Grid, 3 columns
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Justification
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Custom width 200px, custom wide width 400px
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Color
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Block spacing
Block spacing preset: 0
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Block spacing preset: 4
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Block spacing preset: 7
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Typography
Font size
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Appearance
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Line height
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Letter spacing
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Decoration
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Letter case
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
-
Author
With byline: Hide avatar: Show bio: Link to author page: Avatar sizes: Color Duotone Alignment (Text alignment) Typography Font sizes Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Featured Image
Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio
-
Excerpt
Custom, user created excerpt.
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Categories
-
Date
Title & excerpt variation
-
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
Title, date & excerpt variation
-
Gallery
Alignment Gallery images have “Expand on click” Color Gallery images with border: Gallery images with duotone: Dimensions Padding preset: 4 Padding preset: 4, and background color Margin preset: 4 Block pacing preset: 0 Block pacing preset: 4 Block pacing preset: 7
-
Classic
Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 A paragraph inside a classic block. A quote inside a classic block Bulleted list List item List item Numbered list List item List item
Image, date, and title variation
-
Hello world!
-
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
Media & Text
Content, image media on left. A second line to illustrate the line height. Content, image media on left. The media is linked to the media file. Content, video media on right. Do not stack on mobile Content, image media on left. Vertical alignment Top Middle Bottom Alignment No alignment Wide Full width Media width Media…
Pagination without reload
-
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
Alignment
-
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
-
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
-
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
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