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
Day: February 6, 2024
-
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
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Inner blocks use content width: On
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Grid, 3 columns
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Justification
-
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
-
Categories
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom width 200px, custom wide width 400px
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Color
-
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
-
Categories
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing
Block spacing preset: 0
-
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing 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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing preset: 7
-
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Typography
Font size
-
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
-
Categories
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
-
Categories
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Appearance
-
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Line height
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Letter spacing
-
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Decoration
-
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Letter case
-
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
-
Categories
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
-
Categories
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
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
-
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Comments
-
Read More
Title & excerpt variation
-
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…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
Title, date & excerpt variation
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
Image, date, and title variation
-
Heading
-
Paragraph
Post type: page
Filter: “Design” category
Offset: 1
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
-
Cover
Alignment Note: there is a spacer block above to clear the alignment. Content position Full height: Fixed background: Repeated background Fixed and repeated background Border Color Purple overlay with different opacities: White overlay, 50%: Overlay, heading text color, heading background color, text color: Duotone Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 0…
Pagination without reload
-
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…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
Alignment
-
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…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
-
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…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
-
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…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
-
-
Site Tagline
Color
Alignment
Typography
Font size
Appearance
Line height
Letter spacing
Decoration
Letter case
Padding and margin
Padding preset: 4
Margin preset: 4
-
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
