1. Home
  2. Docs
  3. Hello! Pro 3 Theme Setup
  4. Demo Homepage Blocks Guide
  5. Welcome

Welcome

The “Welcome” section on the homepage is constructed using Gutenberg blocks. When using Genesis 2.8.0 or newer, this section is installed when using the optional Auto-Setup Homepage feature.

Container Block

This 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: 90
  • 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.

Was this article helpful to you? Yes No 2