Testimonial widget

Use Testimonial widget to add testimonials to a page.

Content

testimonial

Title: Add testimonial here.

Text: Add testimonial text here.

Author Info

Name: Add an author name here.

Subtitle: Add desired subtitle here.

Link: Add the link that will be used for Name, Subtitle and Avatar.

Avatar: Add author avatar here.

Rating: Set the rating value here.

Layout

testimonial layout

Alignment: Choose between Start, Center and End alignment for Author Name and Subtitle.

Layout: Choose between Vertical Top, Vertical Bottom, Horizontal Start and Horizontal End layouts.

When Horizontal Start and Horizontal End layouts are chosen you can also set

Side Area (i.e. area where author name and subtitle are displayed)

Width: Set the Side Area Width for desktop, tablet and mobile.

Gap: Set the Gap between Side Area and the content for desktop, tablet and mobile.

Vertical Alignment: Set the Side Area Vertical Alignment (Top, Center or Bottom) for desktop, tablet and mobile.              

Rating

testimonial

Scale: Choose between 5 and 10 ‘stars’ scale.

Type:  Choose between Icon and Text types.

Icon: Choose Empty and Filled icons from Icon library or upload desired SVG.

For correct displaying variations of the same icon should be used (eg.: star icons both for empty and filled options).

You can also choose either an Empty or Filled icon to be used for both states.

Text: Add desired delimiter

Style

testimonial style

Alignment: Choose between Start, Center and End testimonial content alignment.       

Background Type: Choose between Classic and Gradient background type and set it.

Border Type: Choose Border Type from the dropdown and set it.

Border Radius: Set a border radius to the content box.

Box Shadow: Choose desired settings from the dropdown.

Padding: Set paddings to the content box for desktop, tablet and mobile.

Triangle: Set the Triangle using settings from the dropdown.

You can set Shape, Direction, Offset, Color and Size.

Text

Typography: Set a Typography using settings from the dropdown.

Color: Choose a Text Color from a color palette or dynamic tags.

Text Shadow: Choose desired settings from the dropdown.

Title

Title HTML tag: Choose needed tag from the dropdown.

Typography: Set a Typography using settings from the dropdown.

Color: Choose a Title Color from a color palette or dynamic tags.

Text Shadow: Choose desired settings from the dropdown.

Gap Between: Set the gap between Text and Title.

Author Info

testimonial style 2

Author Info

Width: Choose between Inline and Full author box width.

Horizontal Alignment: Choose between Start, Center and End author box Horizontal Alignment.

Text View: Choose between Vertical and Horizontal Text view.

Vertical Text view allows you to choose between Start, Center and End Text           Alignment.

Horizontal Text view allows to set desired Text Delimiter.

Background Type: Choose between Classic and Gradient background type and set it.

Border Type: Choose Border Type from the dropdown and set it.

Border Radius: Set a border radius to the author info box.

Box Shadow: Choose desired settings from the dropdown.

Padding: Set paddings to the author info box for desktop, tablet and mobile.

Gap to Content: Set a gap between Content and Author info for desktop, tablet and mobile.

Name

Typography: Set a Name Typography for Normal and Hover modes using settings from the dropdown.

Color: Choose a Name Color from a color palette or dynamic tags.

Text Shadow: Choose desired settings from the dropdown.

Subtitle

Typography: Set a Subtitle Typography for Normal and Hover modes using settings from the dropdown.

Color: Choose a Subtitle Color from a color palette or dynamic tags.

Text Shadow: Choose desired settings from the dropdown.

Gap Between: Set a gap between Name and Subtitle for desktop, tablet and mobile.

Avatar

testimonial avatar

Image Size: Choose the image size from the dropdown.

Width: Set the width for desktop, tablet and mobile.

Horizontal Alignment: Choose between Start, Center and End horizontal alignment.

Background Color: Choose the Avatar background color.

Border Type: Choose Border Type from the dropdown and set it.

Border Radius: Set a border radius to the avatar.

CSS Filters: Use CSS filters to set Blur, Brightness, Contrast, Saturation and Hue.

Box Shadow: Choose desired settings from the dropdown.

Padding: Set paddings to the author info box for desktop, tablet and mobile.

Gap: Set a gap between Avatar and content for desktop, tablet and mobile.

Rating

testimonials style rating

Icon Size: Set the Icon size for desktop, tablet and mobile.

Icon Gap: Set the Gap between icons.

Color: Set the icons Color (for empty and filled modes).

Shadow: Set the icons Shadow.

Position: Choose desired Icons position from the dropdown or use custom settings.

Gap Between: Set a gap between Icons and content.

 

Icon

testimonial style icon

Icon: Choose the Icon from Icon library or upload desired SVG.

Size: Set the Icon size for desktop, tablet and mobile.

Color: Set the Icon color.

Shadow: Set the icon Shadow.

Position: Choose desired Icon position from the dropdown or use custom settings.

Gap: Set a gap between Icon and content.

Advanced

Set the Advanced options that are applicable to this widget