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.
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Block spacing preset: 0
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Block spacing preset: 4
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Block spacing preset: 7
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
With link: Heading level 1-6 Alignment Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin: preset 4
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
Note: A separator have been added between each query loop.
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.
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
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…
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
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin 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.
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
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.
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
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.
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
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.
Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment
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