Gutenberg Blocks & Formatting

Welcome to the demo page that showcases the block editor styling available for the Forward theme. If you are using WordPress 5+ and the included Block Editor (Gutenberg), you’ll find that we styled these blocks to ensure a consistent design.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis ullamcorper lectus. Suspendisse enim odio, consequat at fringilla vitae, finibus vel libero. Nam sollicitudin ex erat.

Heading 1

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Heading 2

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Heading 3

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Heading 4

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Heading 5

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Heading 6

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Code

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Pre

Nullam sit amet blandit libero, ut porta mauris. Ut feugiat accumsan urna ut tincidunt. Nulla fermentum ultrices mi, vel scelerisque magna luctus tempus.

Sed condimentum neque sagittis, ultricies sem eu, molestie nisi. Nunc massa nisi, congue vel dui in, feugiat pretium neque. Donec enim sem, tincidunt vel ipsum in, tempus condimentum lorem. Phasellus sed dolor id dui tristique lobortis.

Keyboard

  • Duis consequat, sem sit amet suscipit vulputate
  • libero nulla gravida eros, at imperdiet justo risus mollis nunc.
  • Curabitur sed tincidunt metus.
  • Donec ac ultricies diam, ut venenatis nisl.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis ullamcorper lectus. Suspendisse enim odio, consequat at fringilla vitae, finibus vel libero.

Nam sollicitudin ex eget nulla ultrices rutrum. Quisque lacinia tincidunt iaculis. In ultricies, metus sit amet condimentum tempus.

Anglea Lorem

justo arcu volutpat erat, sed semper massa sem nec lorem. Duis sit amet nisl bibendum, cursus ex eu, luctus ligula. Cras in eros eu dui dapibus commodo non non justo. Nullam ac nulla a lorem porta lobortis id vel justo.

Pull Quotes

Nulla auctor egestas dignissim. Praesent elementum hendrerit odio vitae bibendum. Etiam pellentesque vulputate auctor. Curabitur quis nibh volutpat, tincidunt libero nec, elementum nisi. Mauris eu nisl ex. Fusce nec dui quis sapien tincidunt bibendum at nec dolor. Vivamus at quam iaculis, interdum quam vel, sodales odio.

Mauris rutrum laoreet eros, ac ornare urna condimentum ut. Phasellus ac sodales metus, at tempor purus.

Anglea Lorem

Duis consequat, sem sit amet suscipit vulputate, libero nulla gravida eros, at imperdiet justo risus mollis nunc. Curabitur sed tincidunt metus. Donec ac ultricies diam, ut venenatis nisl. Fusce eget commodo tellus. Proin ut bibendum purus. Etiam non mattis ante. Aenean eget porta nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc at lacus accumsan, facilisis quam et, tempor nibh.

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis.

Mauris rutrum laoreet eros, ac ornare urna condimentum ut. Phasellus ac sodales metus, at tempor purus.

Anglea Lorem

Nam pharetra vel velit quis commodo. Aliquam dignissim condimentum aliquet. Suspendisse arcu orci, tempus suscipit lacus ut, auctor varius purus. Mauris rutrum laoreet eros, ac ornare urna condimentum ut. Phasellus ac sodales metus, at tempor purus. Integer lectus nisl, placerat non odio ac, convallis lobortis tellus.

Cover & Text

Vestibulum non facilisis quam. Etiam aliquet, enim vel condimentum auctor, sem nisi rhoncus enim, non aliquam nisi dolor in tortor.

This is a cover

Nullam elit tortor, maximus in consequat sit amet, tempor nec enim. Maecenas laoreet feugiat metus, at vulputate felis rutrum vitae.

Media and Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis ullamcorper lectus. Suspendisse enim odio, consequat at fringilla vitae, finibus vel libero. Nam sollicitudin ex eget nulla ultrices rutrum. Quisque lacinia tincidunt iaculis.

Media Text

This is an example using the Media and text block.

In ultricies, metus sit amet condimentum tempus, justo arcu volutpat erat, sed semper massa sem nec lorem. Duis sit amet nisl bibendum, cursus ex eu, luctus ligula. Cras in eros eu dui dapibus commodo non non justo. Nullam ac nulla a lorem porta lobortis id vel justo. Aliquam quis lobortis ligula. Pellentesque gravida pellentesque magna, et ornare odio bibendum in.

Images

Morbi et accumsan tellus, fringilla dictum magna. Nullam sit amet blandit libero, ut porta mauris. Ut feugiat accumsan urna ut tincidunt. Nulla fermentum ultrices mi, vel scelerisque magna luctus tempus.

Image with a Caption

Integer metus sapien, gravida et consectetur eget, consectetur tincidunt nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin id tincidunt justo, nec sollicitudin ipsum.

Image Left Aligned

Duis consequat, sem sit amet suscipit vulputate, libero nulla gravida eros, at imperdiet justo risus mollis nunc. Curabitur sed tincidunt metus. Donec ac ultricies diam, ut venenatis nisl. Fusce eget commodo tellus. Proin ut bibendum purus. Etiam non mattis ante. Aenean eget porta nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc at lacus accumsan, facilisis quam et, tempor nibh.

Image Align Right

In semper nulla ultrices elit facilisis ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tincidunt diam ut tellus euismod, vitae maximus ex venenatis. Nam pharetra vel velit quis commodo. Aliquam dignissim condimentum aliquet.

Suspendisse arcu orci, tempus suscipit lacus ut, auctor varius purus. Mauris rutrum laoreet eros, ac ornare urna condimentum ut. Phasellus ac sodales metus, at tempor purus. Integer lectus nisl, placerat non odio ac, convallis lobortis tellus. Vestibulum non facilisis quam.

Etiam aliquet, enim vel condimentum auctor, sem nisi rhoncus enim, non aliquam nisi dolor in tortor. Nullam elit tortor, maximus in consequat sit amet, tempor nec enim. Maecenas laoreet feugiat metus, at vulputate felis rutrum vitae.
Donec ac ultricies diam, ut venenatis nisl. Fusce eget commodo tellus. Proin ut bibendum purus. Etiam non mattis ante. Aenean eget porta nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.


Table Block

aBananasApples
bOrangesBlueberries
cAvocadoGrapes

Button Block


Audio Block

Listen to Sample Music