• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
WP Engine Genesis Themes

WP Engine Genesis Themes

Resources and help for the Genesis community

  • Need Help?
You are here: Genesis Sample Theme / Homepage Section 4

Homepage Section 4

The blocks and settings used in the fourth homepage section are described below.

In this article:

  • Advanced Columns Block
  • Paragraph Block
  • Button Block
  • Spacer Block

Advanced Columns Block

You can configure these settings however you’d like. Learn how to configure all the settings in the Advanced Columns Block.

The settings that have been configured in the demo are as follows:

  1. Select the Full Width option.
  2. Column Count: The demo is set to use 2 columns. Important Note: Changing the column count after you’ve added content to the columns can cause loss of content.
  3. Column Layout: The demo is set to use 2 columns of equal width.
  4. Column Gap: The demo’s column gap is set to 2.
  5. Column Inner Max Width (px): The demo’s max width is set to 1062 pixels.
  6. Center Columns in Container: This option is enabled on the demo to allow the individual columns to be centered within the outside/wrapper container.
  7. Responsive Columns: The option is enabled on the demo to allow for smart stacking of columns on tablets and mobile devices.
  8. Background Color: The demo’s background color is set to #333333. Click Custom color to apply a background color.

Paragraph Block

The paragraph block is located inside the first column and uses the following settings:

  1. Font Size: Custom 40
  2. Text Color: #f5f5f5 (Click the Custom Color link to apply this color.)

Button Block

The button block is located inside the second column and uses the following settings:

  1. Alignment: Align right
  2. Styles: Outline
  3. Text Color: #f5f5f5 (Click the Custom Color link to apply this color.)

Spacer Block

Spacer Height: 60

Primary Sidebar

Genesis Blocks and Custom Blocks Documentation

  • Genesis Blocks Docs
  • Genesis Custom Blocks Docs
  • Genesis Block Theme Docs

Genesis Framework Documentation

  • Genesis Framework Docs
  • Genesis Sample Theme Docs
  • Genesis Framework Developer Docs

© 2013–2025 WPEngine, Inc. All rights reserved. WP ENGINE®, VELOCITIZE®, TORQUE®, EVERCACHE®, and the cog logo service marks are owned by WPEngine,Inc.
1WP Engine is a proud member and supporter of the community of WordPress® users. The WordPress® trademarks are the intellectual property of the WordPress Foundation, and the Woo® and WooCommerce® trademarks are the intellectual property of WooCommerce, Inc. Uses of the WordPress®, Woo®, and WooCommerce® names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation or WooCommerce, Inc. WP Engine is not endorsed or owned by, or affiliated with, the WordPress Foundation or WooCommerce, Inc.