Just like our other elements, this also has different tabs Basic, Image & Content Styling and Social Links Styling tabs all under the main General tab.
In Basic tab we only have Admin Label option such that it becomes easier for you to add a custom label to the element to clearly identify it in the whole page back-end layout.
Next is the Content tab that has the following options:
- Testimonial- Add each of the testimonials detail in each of the tabs from the avatar’s image to company URL you can easily add the details within the text boxes provided.
- Skin- Choose the background skin of your testimonial content that is with bubble or without bubble.
- Layout- Select the image design layout from the options give n in dropdown.
- Alignment- Choose the alignment of each testimonial’s content.
- Slides per view- Set how may testimonials you would like to show on each slide.
- Slide in sets- If enabled this will allow users to navigate each slide in sets that is together but without the pagination effect.
Choose your navigation style using the options in the Navigation tab:
- Arrows- Choose to show the arrows or not.
- Pagination- Choose to show the pagination or not.
- Infinite Loop- Decide whether to make the slide as infinite loop or not.
- Draggable- Choose to make the slides draggable or not.
- Auto Play- Decide whether the slides will play on Auto or not. If yes then you can set its interval and whether to pause on hover or not.
Now style your complete slide under the Styling tab using the given options:
- Slide Size- Set the width of each of the slides.
- Slide Background- Choose the slide background color.
- Border Type- Select the border type of the image among None, Solid, Double, Dotted or Dashed. By default its set to None.
- Border Radius- Border radius will give your avatar image rounded edges.
- Box Shadow- You can also add the avatar background shadow to make it more appealing.
- Slide Padding- Add padding within each slide to make the content look clear.
- Content Styling options- Style the text content by adding colors & typography designs.
- Name Styling options- Style the name by adding colors & typography designs.
- Designation Styling options- Style the designation by adding colors & typography designs.
Style your avatar image using the following options under the Avatar Styling tab:
- Image Width- Set the avatar width for each testimonial slide.
- Border Type- Select the border type of the image among None, Solid, Double, Dotted or Dashed. By default its set to None.
- Border Radius- Border radius will give your avatar image rounded edges.
- Box Shadow- You can also add the avatar background shadow to make it more appealing.
Style the navigation in the Navigation Styling tab:
- Arrow Size- Set the arrow size for the element.
- Arrow color- Choose the arrow color.
- Pagination Size- Set the size of your pagination dots.
- Pagination Color & Active Color- Choose the pagination color & its active color.
If you have set the skin type as Bubble then here we have the following styling options under Bubble Styling tab:
- Background Color- Choose the bubble background color.
- Bubble Padding- Add the bubble padding to provide the space between content in the bubble.
- Border Type- Select the border type for the bubble among None, Solid, Double, Dotted or Dashed. By default its set to None.
- Border Radius- Border radius will give your bubble rounded edges.
- Box Shadow- You can also add the bubble shadow to make it more appealing.
For more details on Design & Advanced tabs read the articles.