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.
Inner blocks use content width: Off
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Inner blocks use content width: On
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Grid, 3 columns
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Justification
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Custom width 200px, custom wide width 400px
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Color
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Block spacing
Block spacing preset: 0
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Block spacing preset: 4
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Block spacing preset: 7
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Typography
Font size
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Appearance
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Line height
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Letter spacing
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Decoration
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Letter case
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
-
Details
Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Code
Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Border Padding and margin
-
Quote
Alignment Quote, default (no alignment) Citation Quote, left aligned Citation Quote, centered Citation Quote, right aligned Citation Quote, Plain style variation, default (no alignment) Citation Quote, Plain style variation, left aligned Citation Quote, Plain style variation, centered Citation Quote, Plain style variation, right aligned Citation Color Quote, with text color Citation Quote, with text and…
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Stack
-
Row
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
-
Verse
Write a verse without alignment Code is poetry Write a bold verse Code is poetry Write an italic verse Code is poetry Write a linked verse Code is poetry Alignment Write a left aligned verse Code is poetry Write a centered verse Code is poetry Write a right aligned verse Code is poetry Color Write…
-
Table
Cell 1 Cell 2 Cell 3 Cell 4 Caption Header label Header label Cell 1 Cell 2 Cell 3 Cell 4 Caption Cell 1 Cell 2 Cell 3 Cell 4 Footer label Footer label Caption Header label Header label Cell 1 Cell 2 Cell 3 Cell 4 Footer label Footer label Caption Alignment Header label…
Image, date, and title variation
-
Hello world!
-
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
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
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