Content Fields
Here is a list of common content fields for Testimonial add-on.
Setting | Description |
---|---|
Name | A text field used for name of the testimonial |
Company | A text field used for company of the testimonial |
Avatar | An image field with an image picker. |
Content | A text field for the main text blocks. |
Column Settings
Columns control the grid layout of your content.
Setting | Description |
---|---|
Phone Portrait/Phone Landscape/Tablet Landscape/Desktop/Large Screens | Set the number of grid columns for each breakpoint. Inherit refers to the number of columns on the next smaller screen size. |
Gutter | Set the grid gutter width. |
Show dividers | Select this option to separate grid cells with lines. |
Testimonial Settings
Testimonial Settings, The Testimonial Settings contains all the specific settings for an add-on. Here is a short overview.
Setting | Description |
---|---|
Show Quote Icon | Show/hide Quote Icon for the testimonial content |
Icon Size | Enter a size ratio, if you want the icon to appear larger than the deful font size, for example 1.5 or 2 to double the size. |
Icon Color | Custom icon color |
Auto Play | Enable this option to autoplay testimonial slider. |
Interval | You can also set the interval in milliseconds between switching slides. |
Show Dotnav | Create a dot navigation to operate testimonial items. |
Dotnav Inverse | Set light or dark color if the background option is selected. |
Show Navigation | To navigate through your testimonial items. |
Navigation Inverse | Set light or dark color if the background option is selected. |
Text Color | Inverse the text color style for light or dark backgrounds. |
Image Settings
Image Settings, The Image Settings contains all the specific settings for an add-on. Here is a short overview.
Setting | Description |
---|---|
Image Display | Display image above/below/inline/ testimonial content or none. |
Avatar Width | Set Avatar Width for testimonial items |
Border radius | Set Border radius for images |
General Settings
General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.
Setting | Description |
---|---|
Margin | Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom. |
Remove top margin. | Use this option to remove the add-on's top margin |
Remove bottom margin. | Use this option to remove the add-on's bottom margin |
Animation | Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on. |
Alignment | This option specifies the alignment of an add-on according to the surrounding element |
Text Breakpoint | Define the device width from which the alignment will apply. |
Visibility | Define when the add-on should be hidden. |
CSS Class | If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file. |