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.
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
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
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…
A paragraph. A paragraph with drop cap enabled. Note: There is a spacer block below, to clear the next block. A bold paragraph. An italic paragraph. A linked paragraph. A highlighted paragraph. Color A paragraph. A paragraph with a link A paragraph. A paragraph with a link Alignment A paragraph without alignment. A left aligned…
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
Alignment Aspect ratio Expand on click Border Duotone
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
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
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
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
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
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
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
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
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