This is a call to action

This is what you need to do

Author: ken

Posted on
CategoriesTheme

Excerpt

Custom, user created excerpt.

Custom, user created excerpt.

Custom read more link text

Show link on same line:

Custom, user created excerpt. Custom read more link text

Color

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

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 read more link text

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Appearance

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Line height

Custom, user created excerpt.

Custom read more link text

Letter spacing

Custom, user created excerpt.

Custom read more link text

Decoration

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Letter case

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Custom, user created excerpt.

Custom read more link text

Padding and margin

Padding preset: 4

Custom, user created excerpt.

Custom read more link text

Margin preset: 4

Custom, user created excerpt.

Custom read more link text

Posted on
CategoriesTheme

Avatar

ken Avatar
ken Avatar
ken Avatar

With link to user profile:

ken Avatar

Alignment

ken Avatar
ken Avatar
ken Avatar
ken Avatar

Border

ken Avatar
ken Avatar
ken Avatar
ken Avatar

Duotone

ken Avatar
ken Avatar
ken Avatar
ken Avatar
ken Avatar
ken Avatar
ken Avatar
ken Avatar

Padding and maring

Padding preset: 4

ken Avatar

Margin preset: 4

ken Avatar
Posted on
CategoriesTheme

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

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Inner blocks use content width: On

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Grid, 3 columns

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Justification

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Custom width 200px, custom wide width 400px

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Color

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Block spacing

Block spacing preset: 0

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Block spacing preset: 4

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Block spacing preset: 7

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Typography

Font size

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Appearance

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Line height

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Letter spacing

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Decoration

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Latest Comments

    Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Posted on
CategoriesTheme

Query Loop

Note: A separator have been added between each query loop.

Title & date variation

  • Site Logo

  • Navigation

Title & excerpt variation

  • 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…

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. Padding and margin Padding preset: 4 Margin preset: 4

Title, date & excerpt variation

  • Image

    Alignment Aspect ratio Expand on click Border Duotone

  • Footnotes

    Each post can only have one footnotes block, remember to also test the block options. A paragraph Another paragraph

Image, date, and title variation

  • person holding Hello! sticker

    Hello world!

  • text

    Workers Go Go!

Post type: page

Filter: “Design” category

Offset: 1

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. Padding and margin Padding preset: 4 Margin preset: 4

  • 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

Pagination without reload

  • 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…

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. Padding and margin Padding preset: 4 Margin preset: 4

Alignment

  • 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…

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. 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…

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. 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…

  • Audio

    Alignment Note: there is a spacer block above to clear the alignment. Padding and margin Padding preset: 4 Margin preset: 4

Posted on
CategoriesTheme

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

Posted on
CategoriesTheme

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

Posted on
CategoriesTheme

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

Posted on
CategoriesTheme

Navigation

Alignment

Justification

Vertical

Overlay menu off

Overlay menu mobile

Overlay menu always

Block spacing

Block spacing preset: 0

Block spacing preset: 4

Block spacing preset: 7

Color

Typography

Font size

Appearance

Line height

Letter spacing

Decoration

Letter case