Block category: Layout Elements

Home 🏌️‍♂️ News 🏌️‍♂️ Block

The Layout Elements cat­e­go­ry includes the fol­low­ing blocks: Group, Button, Columns, Media & Text, sep­a­ra­tor, spac­er, read more, and page break.

This group block has a light green back­ground col­or.

The read more block should be right below this text, but only on list pages of themes that show the full con­tent. It won’t show on the sin­gle page or on themes show­ing excerpts.

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For dis­play­ing media and text next to each oth­er. By default, the media is to the left.

Golden Gate Bridge

This time our block is full width, and the image is to the right.

The back­ground col­or is a pale blue. 

Test to make sure that the edi­tor and the front match. To test the Stack on mobile set­ting, reduce the brows­er win­dow width.

The con­trol these set­tings, the block uses the css class­es “has-media-on-the-right” and “is-stacked-on-mobile”.

The sep­a­ra­tor has three styles: default, wide line, and dots.




The spac­er block has a default height of 100 pix­els:

And final­ly, the page break:

Leave a Reply

Your email address will not be published. Required fields are marked *