1. Home
  2. Docs
  3. Hello! Pro 3 Theme Setup
  4. Pages
  5. Contact Me

Contact Me

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.

Container Block

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

Content Blocks

Inside the AB Container block, we added two Paragraph blocks:

  1. A paragraph block containing the large Heading Text
  2. 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.

Container Block

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.

Was this article helpful to you? Yes No