Skip to content
StoreDocsSupport
Get Divi Torque

Testimonial Card

The Testimonial Card module shows one customer quote in a card. It has the reviewer's name, title and image, and an optional star rating. Add one module for each testimonial.

How to add the Testimonial Card module

  • Add a section and a row, then add the Testimonial Card module.
  • Under Content > Content, enter the Testimonial, the Reviewer Name and the Title.
  • Upload a Reviewer Image if you want one.

Content

Content

  • Reviewer Image and Image Alt Text: the reviewer's photo and its alt text.
  • Reviewer Name: the reviewer's name.
  • Title: the reviewer's title or position.
  • Testimonial: the quote.
  • Use Rating: shows stars. On by default. Rating is 1 to 5. Default is 5.
  • Upload Custom Quote Icon: use your own image as the quote icon. Off by default. Set it with Upload Quote Icon Image. Otherwise choose one of five icons with Select Quote Icon.

Elements

  • Hide Quote Icon: on by default, which hides the quote icon. Turn it off to show the icon.
  • Reviewer Position: Top or Bottom. Default is Top.
  • Reviewer Image Position: Top, Left, Right, Absolute or Relative to Reviewer. Default is Relative to Reviewer.
  • Rating Position: Default, Bottom or Relative to Reviewer. Default is Bottom.
  • Review Design: Normal or Bubble. Bubble puts the quote in a speech bubble.
  • Personal Website URL: links the reviewer name.
  • Company URL: links the Title text.
  • Open Links In New Tab: opens both links in a new tab. Off by default.

Design

  • General: Content Alignment (default Center) and Content Padding. Content Padding applies only when the reviewer image position is Left or Right.
  • Quote Icon: Icon Placement (Default, Absolute or Background), Icon Alignment, Icon Color, Icon Background, Icon Size, Icon Opacity, Icon Padding and spacing. With Absolute placement, use Icon Position, the centering toggles and the offsets.
  • Reviewer Image: Image Placement, offsets, spacing, Image Width and Image Height.
  • Rating: Stars Size (default 20px), Stars Color (default #F3B325), Stars Spacing Between and the spacing above and below.
  • Name Text, Title Text and Review Text: font options and spacing for each.
  • Bubble: Bubble Background, Bubble Padding, Bubble Border Radius, Arrow Color, Arrow Placement and Arrow Custom Position. These apply when Review Design is Bubble.