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
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Inner blocks use content width: On
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Grid, 3 columns
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Justification
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Custom width 200px, custom wide width 400px
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Color
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Block spacing
Block spacing preset: 0
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Block spacing preset: 4
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Block spacing preset: 7
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Typography
Font size
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Appearance
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Line height
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Letter spacing
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Decoration
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Categories list
Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case
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:…
Title, date & excerpt variation
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…
List
Unordered Ordered A second ordered list with starter value set to 4: Number styles Reverse order Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin
Image, date, and title variation
Hello world!
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
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:…
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:…
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:…
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:…
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:…
