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
Note: A separator have been added between each query loop.
Title & date variation
Site Logo
Navigation
Title & excerpt variation
Pullquote
Alignment Pullquote, no alignment Citation Pullquote, left aligned text Citation Pullquote, centered text Citation Pullquote, right aligned text Citation Pullquote, no text alignment, wide width Citation Pullquote, no text alignment, full width Citation Pullquote, no text alignment, left aligned block Citation Pullquote, left aligned text, left aligned block Citation Pullquote, right aligned text, left aligned…
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text Letter spacing…
Title, date & excerpt variation
The Backbone of Our Nation
Workers, the backbone of our nation, A vital part of our economy’s foundation, From the factories to the fields, Their labor and hard work never yields. They build our cities and keep them running, Their hands are rough, their will is stunning, They toil in the sun and in the rain, Their dedication never wanes.…
Read More
Color Typography Font sizes Appearance Line height Letter spacing Letter case Decoration Border Padding and margin Padding preset: 4 Margin preset: 4
Image, date, and title variation
Hello world!
Workers Go Go!
Post type: page
Filter: “Design” category
Offset: 1
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text 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
Pagination without reload
Pullquote
Alignment Pullquote, no alignment Citation Pullquote, left aligned text Citation Pullquote, centered text Citation Pullquote, right aligned text Citation Pullquote, no text alignment, wide width Citation Pullquote, no text alignment, full width Citation Pullquote, no text alignment, left aligned block Citation Pullquote, left aligned text, left aligned block Citation Pullquote, right aligned text, left aligned…
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text Letter spacing…
Alignment
Pullquote
Alignment Pullquote, no alignment Citation Pullquote, left aligned text Citation Pullquote, centered text Citation Pullquote, right aligned text Citation Pullquote, no text alignment, wide width Citation Pullquote, no text alignment, full width Citation Pullquote, no text alignment, left aligned block Citation Pullquote, left aligned text, left aligned block Citation Pullquote, right aligned text, left aligned…
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text Letter spacing…
Pullquote
Alignment Pullquote, no alignment Citation Pullquote, left aligned text Citation Pullquote, centered text Citation Pullquote, right aligned text Citation Pullquote, no text alignment, wide width Citation Pullquote, no text alignment, full width Citation Pullquote, no text alignment, left aligned block Citation Pullquote, left aligned text, left aligned block Citation Pullquote, right aligned text, left aligned…
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text Letter spacing…
Pullquote
Alignment Pullquote, no alignment Citation Pullquote, left aligned text Citation Pullquote, centered text Citation Pullquote, right aligned text Citation Pullquote, no text alignment, wide width Citation Pullquote, no text alignment, full width Citation Pullquote, no text alignment, left aligned block Citation Pullquote, left aligned text, left aligned block Citation Pullquote, right aligned text, left aligned…
Preformatted
Some preformatted text Some bold preformatted text Some italic preformatted text Some linked preformatted text Some highlighted preformatted text Color Some preformatted text Some preformatted text Typography Font size Some preformatted text Some preformatted text Some preformatted text Some preformatted text Appearance Some preformatted text Some preformatted text Line height Some preformatted text Letter spacing…
