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
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Inner blocks use content width: On
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Grid, 3 columns
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Justification
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Custom width 200px, custom wide width 400px
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Color
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Block spacing
Block spacing preset: 0
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Block spacing preset: 4
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Block spacing preset: 7
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Typography
Font size
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Appearance
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Line height
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Letter spacing
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Decoration
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Letter case
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Social Icons
Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4
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:…
Note: A separator have been added between each query loop.
Title & date variation
Posts Lists
Query Loop
Title & excerpt variation
Group
Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…
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…
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
Tag cloud
Social Icons
Post type: page
Filter: “Design” category
Offset: 1
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
Pagination without reload
Group
Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…
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…
Alignment
Group
Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…
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…
Group
Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…
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…
Group
Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…
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…
