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
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
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
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…
