Category: Theme

Blocks in the theme category

  • Author

    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

  • Featured Image

    Featured Image

    Brazil Beach

    Link to post:

    Featured Image

    Width

    Brazil Beach
    Brazil Beach

    Alignment

    Brazil Beach
    Brazil Beach
    Brazil Beach

    Color

    Overlay

    Brazil Beach

    Duotone

    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach

    Border

    Brazil Beach

    Linked to post:

    Featured Image

    Aspect ratio

    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach
    Brazil Beach

  • 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

  • Title

    Title

    Title

    Title

    Title

    Title
    Title

    Title

    Title

    Title

    Title

    Title

    Title

  • Avatar

    wisdom Avatar
    wisdom Avatar
    wisdom Avatar

    With link to user profile:

    wisdom Avatar

    Alignment

    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar

    Border

    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar

    Duotone

    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar
    wisdom Avatar

    Padding and maring

    Padding preset: 4

    wisdom Avatar

    Margin preset: 4

    wisdom Avatar
  • 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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Inner blocks use content width: On

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Grid, 3 columns

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Justification

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Custom width 200px, custom wide width 400px

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Color

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Block spacing preset: 0

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Typography

    Font size

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Appearance

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Line height

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Letter spacing

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Decoration

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

    Letter case

    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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


    • Date

      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

    • Author Name

      With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case

    • Author

      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

  • Query Loop

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

    Title & date variation

    • Next and Previous Post

    • Tags


    Title & excerpt variation

    • 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


    Title, date & excerpt variation

    • Categories

      Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4

    • Date

      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


    Image, date, and title variation

    • Hello world!

    • Author Biography


    Post type: page


    Filter: “Design” category

    • Group

      Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…

    • Columns

      Column numbers and widths Background colors have been added for visibility: One column Two columns, 50/50 Column two Two columns, one third Two thirds Two columns, two thirds One third Three columns Column two Column three Three columns, 25 50 25 Custom column numbers One Two Three Four Five Six Do not stack on mobile…


    Offset: 1

    • 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


    Pagination without reload

    • 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


    Alignment

    • 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


    • 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


    • 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

  • 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