The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.
nnnnThis group block has a light green background color.
nnnnnnnnThe 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.
nThe columns:
nColumn two.
nColumn three.
nColumn four.
n
Media &Text
nnnnFor displaying media and text next to each other. By default, the media is to the left.
n
This time our block is full width, and the image is to the right.
nnnnThe background color is a pale blue.
nTest to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.
nnnnThe control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.
nnnnThe separator has three styles: default, wide line, and dots.
nnnnnnnn
nnnn
nnnn
The spacer block has a default height of 100 pixels:
nnnnnnnnAnd finally, the page break:
nnnn