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

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Inner blocks use content width: On

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Grid, 3 columns

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Justification

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Custom width 200px, custom wide width 400px

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Color

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Block spacing

Block spacing preset: 0

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Block spacing preset: 4

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Block spacing preset: 7

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Typography

Font size

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Appearance

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Line height

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Letter spacing

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Decoration

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Letter case

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Posted on
CategoriesTheme

Query Loop

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

Title & date variation

  • Posts Lists

  • Query Loop

Title & excerpt variation

  • 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

Title, date & excerpt variation

  • Stack

    Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…

  • Row

    Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a row. Wide. A second paragraph inside a row. Full width. A second paragraph inside a row. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…

Image, date, and title variation

  • person holding Hello! sticker

    Hello world!

  • text

    Workers Go Go!

Post type: page

  • Home

  • Privacy Policy

    Who we are Our website address is: https://kenfriesen.net. Comments When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection. An anonymized string created from your email address (also called a hash) may be provided…

Filter: “Design” category

Offset: 1

  • 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

    Link to post: Width Alignment Color Overlay Duotone Border Linked to post: Aspect ratio

Pagination without reload

  • 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

Alignment

  • 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

  • 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

  • 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

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