The Harper theme is fully optimized for the Gutenberg editor. This includes wide and full-width content blocks, block styling, custom colors, custom font sizes, and back-end editor styling that matches the front end of your site!

Image Block (Full Width)

Image Block (Wide Width)

Image Block (Standard Width)

Cover Image

This is a full-width cover image with some text placed on top.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Columns Block

This is column one. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec erat nibh, egestas vel pellentesque nec, laoreet eget tellus. Praesent sagittis mi purus, pellentesque elementum nunc iaculis non. Nunc ut fringilla nibh, eu fringilla tortor. Nunc mattis diam sed leo semper pretium. Donec nec tempus risus. Mauris tincidunt mattis orci, in bibendum nulla. Praesent elementum pulvinar dui, et sollicitudin diam mattis ut. Curabitur est leo, varius ac urna vitae, egestas semper risus.

Here is a second column. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec erat nibh, egestas vel pellentesque nec, laoreet eget tellus. Praesent sagittis mi purus, pellentesque elementum nunc iaculis non. Nunc ut fringilla nibh, eu fringilla tortor. Nunc mattis diam sed leo semper pretium. Donec nec tempus risus. Mauris tincidunt mattis orci, in bibendum nulla. Praesent elementum pulvinar dui, et sollicitudin diam mattis ut. Curabitur est leo, varius ac urna vitae, egestas semper risus.

This is the third column. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec erat nibh, egestas vel pellentesque nec, laoreet eget tellus. Praesent sagittis mi purus, pellentesque elementum nunc iaculis non. Nunc ut fringilla nibh, eu fringilla tortor. Nunc mattis diam sed leo semper pretium. Donec nec tempus risus. Mauris tincidunt mattis orci, in bibendum nulla. Praesent elementum pulvinar dui, et sollicitudin diam mattis ut. Curabitur est leo, varius ac urna vitae, egestas semper risus.

Columns Block (with image)

This is a columns block with a paragraph on the left and image on the right. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor magna. Quisque rhoncus tincidunt velit, id vestibulum purus convallis vel. Proin scelerisque, sem non dictum cursus, turpis augue ornare orci, vitae pellentesque lectus lacus eu sem. Proin id finibus justo. Nullam tristique enim a nisi bibendum, ac mattis sapien imperdiet. Ut tincidunt felis sit amet mauris elementum luctus. Vivamus sed semper arcu, ac elementum ipsum. Suspendisse ut neque ullamcorper, mattis nisi non, elementum risus. Proin lobortis pellentesque elit a porta. Maecenas imperdiet lobortis gravida. Aenean id massa id sem rutrum auctor a id sapien. Vivamus et nisi augue. Proin aliquam tincidunt imperdiet. Donec pharetra purus lacus, malesuada dictum eros tempor id. Morbi nulla mi, rhoncus id lacus ut, consectetur sollicitudin libero.

Unordered List Block

List Item
List Item
List Item
List Item

Ordered List Block

List Item
List Item
List Item
List Item

Blockquote (Standard)

Would you like me to give you a formula for success? It’s quite simple, really: Double your rate of failure. You are thinking of failure as the enemy of success. But it isn’t at all. You can be discouraged by failure or you can learn from it, so go ahead and make mistakes. Make all you can. Because remember that’s where you will find success.
Thomas J. Watson

Blockquote (Large)

When one door of happiness closes, another opens; but often we look so long at the closed door that we do not see the one which has been opened for us.
Helen Keller

Gallery Block (Full Width)

Gallery Block (Standard Width)

Video Block

Button Block

Button Example

Table Block

Heading 1	Heading 2	Heading 3
Sub-item 1a	Sub-item 2a	Sub-item 3a
Sub-item 1b	Sub-item 2b	Sub-item 3b

Gutenberg Optimized

Image Block (Full Width)

Image Block (Wide Width)

Image Block (Standard Width)

Cover Image

Heading 1