# Testimonial grid

### Section overview

The Testimonial Grid section displays a collection of customer testimonials in a customizable grid layout with optional header content.

#### Common use cases

* Showcasing customer reviews to build social proof
* Displaying testimonials about specific products or services
* Highlighting client feedback in a professional services context
* Creating a trust section on landing pages

#### Usage tips

* Use high-quality customer avatars when available to increase credibility
* Keep testimonial content concise and impactful for better readability
* Adjust grid layout based on the number of testimonials (more testimonials work better with smaller columns)
* For mobile, reduce to a single column layout to ensure readability

### Section settings

| Setting              | Description                                                           |
| -------------------- | --------------------------------------------------------------------- |
| Heading              | Main heading text for the section                                     |
| Content              | Rich text content displayed in the section header                     |
| Button label         | Text displayed on the optional button                                 |
| Button URL           | Link destination for the button                                       |
| Top spacing          | Adjusts padding at the top of the section (0-300px)                   |
| Bottom spacing       | Adjusts padding at the bottom of the section (0-300px)                |
| Color scheme         | Controls the background color theme of the section                    |
| Custom color         | Sets a custom background color when "Custom" color scheme is selected |
| Text color           | Controls whether text appears in light, dark, or default colors       |
| Border color         | Sets the color of borders to subtle or strong                         |
| Button color         | Controls the style and color variant of the button                    |
| Enable color fade    | Enables background color transition effect when scrolling             |
| Border position      | Controls where borders appear (none, top, bottom, or both)            |
| Columns desktop      | Number of testimonial columns on desktop devices (1-8)                |
| Columns mobile       | Number of testimonial columns on mobile devices (1-4)                 |
| Horizontal alignment | Controls alignment of content (left, center, or right)                |
| Enable margin        | Toggles horizontal margin around the section content                  |
| Enable split         | Splits the section into header (1/3) and content (2/3) columns        |
| Enable split heading | Applies split layout specifically to the heading area                 |
| Visibility           | Controls section visibility across device types                       |

### Block settings

#### Testimonial

Displays a single customer testimonial with optional avatar and attribution.

Block limit: 20

| Setting | Description                                                              |
| ------- | ------------------------------------------------------------------------ |
| Content | The testimonial text content                                             |
| Name    | The name or attribution for the testimonial                              |
| Avatar  | Customer image displayed with the testimonial (recommended 128px square) |