SR Cards Testimonial Slider 03
This module renders a single offset card holding a slider of up to three testimonial slides, each pairing an optional icon or custom svg mark with a rich text quote, an author photo, name, and title.
It has no shared heading, subheading, or full-width background image like sliders 01, 04, and 05, and it differs from 02 by exposing separate dot colors for light and dark themes plus a negative margin toggle and a container width setting that changes how far the card offsets left or right. Use it for a compact, icon-led quote card with dot navigation and autoplay speed control rather than a headline-driven or multi-card testimonial section.
Use cases
- Single quote card with icon
- Offset testimonial card
- Compact autoplay testimonial slider
- Icon-accented client quote
- Asymmetric review card layout
- Left or right positioned quote card
Where it fits
- Included with: PRO
- Page sections: Testimonials, Proof, Content
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Card Position | Choice | Options: Left, Right. |
| Negative Margin | Boolean | |
| Dots | Boolean | |
| Dots Color | Color | |
| Dots Color (Default) | Color | |
| Autoplay | Boolean | |
| Autoplay Speed | Number | In seconds. |
Slides Repeats: min 1, default 3.
| Field | Type | Notes |
|---|---|---|
| Quote | Rich text | |
| Author Image | Image | |
| Author Name | Text | |
| Author Title | Text |
Slides › Icon
| Field | Type | Notes |
|---|---|---|
| Icon Type | Choice | Options: Icon, SVG, None. |
| Icon | Icon | |
| SVG | Text | |
| Color | Color | |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Style tab
Change log
| Version | Change |
|---|---|
| 4.0.0 | Stardust update |
| 3.2.0 | Accessibility improvements |
| 3.1.0 | Added responsive background options |
| 3.1.0 | Remove jQuery. Added card style fields |
SR Cards Testimonial Slider 02
This module renders a single bordered card holding a slider of three testimonial slides, each with an icon or svg mark, a rich text quote, and an author image, name, and title.
SR Cards Testimonial Slider 04
This module renders a shared heading and description above a slider of up to six testimonial cards, each with its own media item (image, video, or lottie), its own heading, quote body text, and an author name and title.