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

Features

The “Features” section on the homepage is constructed using Gutenberg blocks. When using Genesis 2.8, 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: 1060px
  • Background Color: “Background Canary” #fffcf5

Content Blocks

Inside the AB Container block, we added a Columns block with 3 columns assigned.

Inside each column, we added the following blocks:

  1. A Paragraph block for Sub-heading text
  2. A Heading block for the Title of the feature
  3. A Paragraph block for the feature Description

The Sub-heading paragraph block has the following settings assigned:

  • Font Size: Small
  • Text Color: Primary Color (default: #ce461c)

The Heading block has the Level setting assigned to: H3

The Description paragraph block uses default settings.

Was this article helpful to you? Yes No