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

Testimonials

The “Testimonials” 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: 1%
  • Bottom Padding: 50%
  • Inside Container Max Width: 660px
  • Background Image: (default image bundled with the Theme)
  • Image Opacity: 70
  • Background Color: “White” #fff
  • Additional CSS Class: testimonial

The Padding settings shown are for the default image bundled with the theme. Modify these settings to fit your needs.

Content Blocks

Inside the AB Container block, we added the following block:

  1. A shortcode block to display the Social Proof Testimonials Slider

The Shortcode block allows you to insert your preferred Testimonials slider in this space — download your preferred Slider plugin, publish a few testimonials, and paste the shortcode here.

Was this article helpful to you? Yes No