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
With byline:
Hide avatar:
Show bio:
Link to author page:
Avatar sizes:
Padding preset: 4
Margin preset: 4
Custom, user created excerpt.
Custom, user created excerpt.
Show link on same line:
Custom, user created excerpt. Custom read more link text
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Padding preset: 4
Custom, user created excerpt.
Margin preset: 4
Custom, user created excerpt.
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.
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Block spacing preset: 0
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Block spacing preset: 4
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Block spacing preset: 7
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
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
Note: A separator have been added between each query loop.
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
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.
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
Padding preset: 4
Margin preset: 4
With link:
Padding preset: 4
Margin: preset 4
Without link
Style variation: Rounded
Note: there is a spacer block above to clear the alignment.
Padding preset: 4
Margin preset: 4