This is a call to action

This is what you need to do

Day: February 6, 2024

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

  • 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

  • Classic

    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

Inner blocks use content width: On

  • 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

  • Classic

    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

Grid, 3 columns

  • 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

  • Classic

    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

Justification

  • 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

  • Classic

    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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Custom width 200px, custom wide width 400px

  • 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

  • Classic

    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

Color

  • 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

  • Classic

    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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Block spacing

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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Block spacing preset: 4

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Block spacing preset: 7

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Typography

Font size

  • 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

  • Classic

    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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Appearance

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Line height

  • 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

  • Classic

    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

Letter spacing

  • 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

  • Classic

    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

Decoration

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Letter case

  • 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

  • Classic

    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

  • 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

  • Classic

    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

  • 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

  • Classic

    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

Posted on
CategoriesTheme

Query Loop

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

Title & date variation

  • Calendar

  • Archives

Title & excerpt variation

  • Title

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4

Title, date & excerpt variation

  • Page break

    Content before the page break.

  • More

    Content before the more block. On an archive page, only these two paragraphs should be visible.

Image, date, and title variation

  • person holding Hello! sticker

    Hello world!

  • text

    Workers Go Go!

Post type: page

  • Disclaimer

    Shorter Disclaimer KenFriesen.net is created, edited, and managed by myself, Ken Friesen. It is not necessarily representative of any person, place, organization, business, corporation, or political party in any way. The views expressed here are solely my own, and, as all ideas, are in a constant state of flux. Rigidity in belief is the antithesis…

Filter: “Design” category

Offset: 1

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4

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

Pagination without reload

  • Title

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4

Alignment

  • Title

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4

  • Title

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4

  • Title

  • Avatar

    With link to user profile: Alignment Border Duotone Padding and maring 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