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
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Inner blocks use content width: On
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Grid, 3 columns
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Justification
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom width 200px, custom wide width 400px
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Color
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing
Block spacing preset: 0
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Block spacing preset: 7
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Typography
Font size
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Appearance
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Line height
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Letter spacing
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Decoration
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Letter case
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out. Alignment (Text align) Color Typography Font sizes Appearance Line height Letter spacing Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
-
Comments
Color Text color: Text, background and link color: Text color, heading background color and heading text color: Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Buttons
-
Video
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
-
Media & Text
Content, image media on left. A second line to illustrate the line height. Content, image media on left. The media is linked to the media file. Content, video media on right. Do not stack on mobile Content, image media on left. Vertical alignment Top Middle Bottom Alignment No alignment Wide Full width Media width Media…
-
File
Alignment Note: there is a spacer block above to clear the alignment. Color Padding and margin Padding preset: 4 Margin preset: 4
Image, date, and title variation
-
Hello world!
-
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
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
Comments Form
Note: If your site limits commenting to logged in users, test this block both when logged in and logged out.
Alignment (Text align)
Leave a Reply
Leave a Reply
Leave a Reply
Color
Leave a Reply
Leave a Reply
Leave a Reply
Leave a Reply
Typography
Font sizes
Leave a Reply
Leave a Reply
Leave a Reply
Leave a Reply
Appearance
Leave a Reply
Leave a Reply
Line height
Leave a Reply
Letter spacing
Leave a Reply
Letter case
Leave a Reply
Leave a Reply
Leave a Reply
Padding and margin
Padding preset: 4
Leave a Reply
Margin preset: 4
Leave a Reply
Login/out
Note: test this block both when logged in and logged out.
Without redirect to current URL:
Display login as form:
Typography
Font size
Appearance
Line height
Letter spacing
Decoration
Letter case
Comments
2 responses to “Comments”
Leave a Reply
Color
Text color:
2 responses to “Comments”
Leave a Reply
Text, background and link color:
2 responses to “Comments”
Leave a Reply
Text color, heading background color and heading text color:
2 responses to “Comments”
Leave a Reply
Typography
Font size
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
Appearance
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
Line height
2 responses to “Comments”
Leave a Reply
Letter spacing
2 responses to “Comments”
Leave a Reply
Decoration
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
Letter case
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
2 responses to “Comments”
Leave a Reply
Padding and margin
Padding preset: 4
2 responses to “Comments”
Leave a Reply
Margin preset: 4
2 responses to “Comments”
Leave a Reply
Leave a Reply