# Teardrop Scroll

> Display testimonials in a beautiful, easy-to-scroll grid.

URL: https://sectionstar.app/sections/teardrop-scroll/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Teardrop Scroll** is a Shopify theme section in the Section Star library. Display testimonials in a beautiful, easy-to-scroll grid.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Design
Set the design for the feature grid

| Setting | Type | Default |
| --- | --- | --- |
| Show Scrollbars | Checkbox | Off |
| Grid Gap | Number | 20 |

### Card Design
Set the design of the card

| Setting | Type | Default |
| --- | --- | --- |
| Width | Number | 300 |
| Teardrop Width | Number | 100 |
| Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Arrow Color | Color | #111 |

### Testimonial Design
Set the look and feel of the testimonial

| Setting | Type | Default |
| --- | --- | --- |
| Stars Color | Color | #111 |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Check out our Products</b> |
| Text | Inline rich text | Shop our extensive range of amazing p… |
| Spacing between Headline and Features | Number | 15 |

### Image block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Image Width | Number | 800 |
| Mobile Image Width | Number | 600 |
| Testimonial | Inline rich text | This is a sample testimonial. |
| Attribution 1 | Inline rich text | Sample Customer |
| Attribution 2 | Inline rich text | Sample Source |