Block category: Layout Elements
n
The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.
nnnn
This group block has a light green background color.
nnnn
nnnn
The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.
n
nnnnnnnn
The columns:
n
nnnn
Column two.
n
nnnn
Column three.
n
nnnn
Column four.
n
n
nnnn
Media &Text
nnnn
For displaying media and text next to each other. By default, the media is to the left.
n
nnnn
This time our block is full width, and the image is to the right.
nnnn
The background color is a pale blue.
n
nnnn
Test to make sure that the editor and the front match. To test the Stack on mobilesetting, reduce the browser window width.
nnnn
The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.
nnnn
The separator has three styles: default, wide line, and dots.
nnnn
nnnn
nnnn
nnnn
The spacer block has a default height of 100 pixels:
nnnn
nnnn
And finally, the page break:
nnnn