Block category: Layout Elements

The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break.

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.

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For displaying media and text next to each other. 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 background color is a pale blue. 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.

The separator has three styles: short line, wide line, and dots.




The spacer block has a default height of 100 pixels:

And finally, the page break:

85 Replies to “Block category: Layout Elements”

  1. I was extremely pleased to discover this site. I want to to thank you for ones time for this fantastic read!! I definitely savored every little bit of it and I have you bookmarked to check out new stuff in your site.| Ame Jordan Dona

  2. I blog often and I genuinely appreciate your content. This article has truly peaked my interest. I will book mark your website and keep checking for new information about once per week. I subscribed to your RSS feed as well. Junie Christopher Adrianna

  3. Aunt Madeline, Thank you for stopping by and for leaving a comment. Your encouragement means so much. Maryellen Adolphus McIntyre

  4. Aute mi ut suspendisse velit leo, vel risus ac. Amet dui dignissim fermentum malesuada auctor volutpat, vestibulum ipsum nulla. Pooh Eduard Dawes

Leave a Reply

Your email address will not be published.