---
# Block category: Layout Elements

**URL:** https://modul-r.codekraft.it/2018/11/blocks-layout-elements/
Date: 2018-11-01
Author: Erik
Post Type: post
Summary: The Layout Elements category includes the following blocks: Group, Button, Columns, Media &amp;amp; Text, separator, spacer, read more, and page break. This group block has a light green background color. The read more block should be right below this text, but only on list pages of themes that show the full content. It won&amp;#8217;t show [&amp;hellip;]
Categories: Block
Tags: content περιεχόμενο
---

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

This group block has a light green background color.

A button

The read more block should be right below this text, but only on list pages of themes that show the full content. It won&#039;t show on the single page or on themes showing excerpts.

The columns:

Column two.

Column three.

Column four.

![Boardwalk](https://modul-r.codekraft.it/wp-content/uploads/2008/06/dcp_2082.jpg)
Media &amp;Text

For displaying media and text next to each other. By default, the media is to the left.

![Golden Gate Bridge](https://modul-r.codekraft.it/wp-content/uploads/2008/06/100_5540.jpg)
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 &quot;has-media-on-the-right&quot; and &quot;is-stacked-on-mobile&quot;.

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

The spacer block has a default height of 100 pixels:

And finally, the page break:

This paragraph block is on page two, after the page break.

[another button](https://wpthemetestdata.wordpress.com/2018/11/03/block-button/)

---

## Categories

- Block

---

## Navigation

- [Home](https://modul-r.codekraft.it/)
- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Shop](https://modul-r.codekraft.it/shop/)
- [Tag /Archive format](https://modul-r.codekraft.it/tag/post-formats/)
- [Modul R](https://wordpress.org/themes/modul-r/)
- [Modul R (git)](https://github.com/erikyo/Modul-R)
- [Modul R Child (git)](https://github.com/erikyo/Modul-R-child)
- [CF7 Antispam](https://wordpress.org/plugins/cf7-antispam/)
- [OH-MY-SVG](https://modul-r.codekraft.it/oh-my-svg/)
- [Model-Viewer WordPress block](https://modul-r.codekraft.it/model-viewer-wordpress-block/)
- [Remove Capslock](https://wordpress.org/plugins/remove-capslock)
- [Blog](https://modul-r.codekraft.it/category/random-access-memories/)
- [Codekraft](https://github.com/codekraft-studio)
- [About Me](https://modul-r.codekraft.it/erik-golinelli/)
- [Contact](https://modul-r.codekraft.it/contacts/)
- [Credits](https://modul-r.codekraft.it/credits/)

## Tags

- content περιεχόμενο

---

## Footer Links

- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Download](https://wordpress.org/themes/modul-r/)
- [Contact form 7](https://modul-r.codekraft.it/category/contact-form-7/)
- [Quick Start](https://modul-r.codekraft.it/category/quick-start/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Post Formats](https://modul-r.codekraft.it/category/post-formats/)
- [Block](https://modul-r.codekraft.it/category/block/)
- [Clothing](https://modul-r.codekraft.it/product-category/clothing/)
- [Privacy Policy](https://modul-r.codekraft.it/privacy-policy/)
- [Proudly powered by WordPress &amp;amp; made in Bologna with ♥ by Codekraft](https://codekraft.it/)

