Testimonial widget
Use Testimonial widget to add testimonials to a page.
Content
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
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
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
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
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
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
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
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