1. Home
  2. Docs
  3. Card Elements for Beaver Builder
  4. Element (with setting options)
  5. Testimonial Card

Testimonial Card

General Settings

This content settings divided into two distinct sections,

Testimonial Card Items

  1. Testimonial Card Style: You can select a card style to choose your favorite testimonial card design. Plus, types 1, 2, or 6 are available for selection.
  2. Name: You can write the name of a person that might be your team member’s name.
  3. Designation: You can write the designation of the person that showcases their profiles.
  4. Display Testimonial Description: You can show or hide the testimonial description with the testimonial card.
  5. Description: You can write something about that person’s biography.
  6. Profile Image: You can choose a profile image to showcase your team member profile.

Rating

  1. Display Rating: You can show or hide the rating with the testimonial card.
  2. Rating Scale: You can select a rating scale to showcase to the bottom of the testimonial card.
  3. Rating: You can write a rating star to showcase a rating star with a rating count.
  4. Icon: You can select an icon library – Font Awesome or Unicode.
  5. Unmarked Style: You can choose an icon for rating star-marked and as well as unmarked style.
  6. Title: You can write a title to showcase a rating from a source or reason for the rating.
  7. Alignment: You can select alignment with the content – left, center, and right align.

Style Settings

These content settings are divide into six distinct sections.

Name

  1. Alignment: You can set an alignment for a testimonial name field.
  2. Text Color: You can choose a text color for a testimonial name field.
  3. Typography: You can customize your font family. Font size, weight, transform, style, decoration, line-height, and as well as for a testimonial name field.

Designation

  1. Alignment: You can set alignment for a testimonial designation field.
  2. Text Color: You can choose a text color for a testimonial designation field.
  3. Typography: You can customize your font family. Font size, weight, transform, style, decoration, and line-height for a testimonial designation field.

Description

  1. Alignment: You can set alignment for a testimonial description field.
  2. Text Color: You can choose a text color for a testimonial description field.
  3. Typography: You can customize your font family. Font size, weight, transform, style, decoration, and line-height for a testimonial description field.

Content Box Style

  1. Background Color: You can choose the background color of the testimonial card content-box.

The Social Icon

  1. Social Area Background Color: You can choose a social icon area background-color.
  2. Social Color: Select an option to select whether you want to go ahead with official social media color or a custom one.
  3. Social Hover Color: Select an option to select whether you want to go ahead with official social media hover color or a custom one.
  4. Size: You can increase or decrease icon size via the slide option to set the social icons’ size.
  5. Padding: You can increase or decrease icon padding via the slide option to set a social icon’s padding gap.
  6. Border Type: Select a border type to decorate social media icons with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
  7. Border-Radius: Set the border-radius for px.

Social Icon Hover

  1. Hover Animation: Set a hover animation when hovering on social media icons. Whether 20+ animation options are ready for the selection.

Advanced Settings

These advanced settings options give the extra useful feature to manage testimonial cards.

Was this article helpful to you? Yes No

How can we help?