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
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 |
Categories Block
Short Separator Block
Wide Separator Block
Spacer Block
Newsletter Block
This is a Mailchimp horizontal signup form styled for Gutenberg.