The “Contact Me” page is built with basic Gutenberg blocks. When using Genesis 2.8.0 or newer, this page is installed when using the optional Auto-Setup Homepage feature.
The Welcome section is created with an Atomic Blocks “Container” block. In the Gutenberg settings for the Container block, we set the following options:
- Width: Full-width
- Top Padding: 10%
- Bottom Padding: 10%
- Inside Container Max Width: 1200px
- Background Image: (default image bundled with the Theme)
- Image Opacity: 70
- Background Color: “White” #fff
- Additional CSS Class: welcome
Inside the AB Container block, we added two Paragraph blocks:
- A paragraph block containing the large Heading Text
- A paragraph block containing the Supporting Text
For the large Heading Text, the Font Size setting is set to Huge.
The Supporting Text uses default settings.
The grey highlighted section is created with an Atomic Blocks “Container” block. In the Gutenberg settings for the Container block, we set the following options:
- Width: Align-center
- Top Padding: 5%
- Bottom Padding: 5%
- Padding Left: 10%
- Padding Right: 10%
- Inside Container Max Width: 1600px
- Background Color: #f4f4f4
Inside the container block is a heading block (H2) and two paragraph blocks.
Adding a Form
Insert a form with Gravity Forms, or your favorite forms plugin, by adding a shortcode block.