Featured Image
Link to post:
Width
Alignment
Color
Overlay
Duotone
Border
Linked to post:
Aspect ratio
Excerpt
Custom, user created excerpt.
Custom, user created excerpt.
Show link on same line:
Custom, user created excerpt. Custom read more link text
Color
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
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, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Appearance
Custom, user created excerpt.
Custom, user created excerpt.
Line height
Custom, user created excerpt.
Letter spacing
Custom, user created excerpt.
Decoration
Custom, user created excerpt.
Custom, user created excerpt.
Letter case
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Padding and margin
Padding preset: 4
Custom, user created excerpt.
Margin preset: 4
Custom, user created excerpt.
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
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Inner blocks use content width: On
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Grid, 3 columns
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Justification
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Custom width 200px, custom wide width 400px
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Color
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Block spacing
Block spacing preset: 0
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Block spacing preset: 4
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Block spacing preset: 7
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Typography
Font size
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Appearance
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Line height
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Letter spacing
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Decoration
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Letter case
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
-
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…
-
Buttons
Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button
-
Video
Alignment Padding and margin Padding preset: 4 Margin preset: 5
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
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
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Workers Go Go!
We work hard in the factories and farms, Making things with our muscles and arms. But the bosses want to make more dough, So they pay us less and make us go, go, go. We toil all day, our backs are sore, But we can’t afford to take a snore. Our kids go hungry, our…
Image, date, and title variation
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
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
Navigation
Alignment
Justification
Vertical
Overlay menu off
Overlay menu mobile
Overlay menu always
Block spacing
Block spacing preset: 0
Block spacing preset: 4
Block spacing preset: 7
Color
Typography
Font size
Appearance
Line height
Letter spacing
Decoration
Letter case