Testimonial Carousel Element

Testimonials are great for presenting praises from customers and clients to display on your site in order to gain trust among your visitors. Just like any other widget included in our theme, testimonials too can be adjusted to match your style. You can choose to add an image, change the size of it, to add name and title, image position, and alignment. Also, you have full control over the style of the testimonials to give it your signature. 

Content Tab 

Slides

You can add one or more slides, just click on the Add Item button.

Item #

1. Content - Here you should type in the content of the testimonial 
2. Image - Set an image 
3. Name - Set the name of the customer that's providing the testimonial
4. Title - Type in the position of the customer that's providing the testimonial 

Layout

1. Layout - Set the layout of the testimonial either Image Inline, Image Stacked, Image Above, Image Left, Image Right
2. Slides per View - Select how many slides you want per one view 
3. Slides per Scroll - Decide how many slides will scroll on the testimonial 
4. Alignment - Align your testimonial either Left, Center, or Right 
5. Width - Control the width of the testimonial and set its value 

Slider Settings

1. Navigation - Select navigation styles choose from Arrows & Dots, Arrows, Dots, or leave it None if you do not wish to add navigation. 
2. Infinite Loop - Switch the handle on to have your testimonials slide infinitely 
3. Pause on Hover - Have the slides be paused when the mouse hovers over them 
4. Autoplay - Have the slides be rotated automatically and set the speed
5. Transition - You can set the transition of the slides as Slides or Fade 
6. Transition Speed - Set the time it will take for the slides to rotate  

Styles Tab 

Slides 

1. Background Color - Set the background color for the testimonial slide 
2. Border Type - Choose to add a border for the testimonial slide, select one from the options available such as Solid, Double, Dotted, Dashed, or Groove 
3. Padding -  Set the padding between the edges of the content and the slides

Content 

1. Gap - Set the gap between the testimonial content and the name 
2. Text Color - Set the text color for the content 
3. Typography - Tweak the typography options for the content 

Name

1. Text Color - Set the text color for the name
2. Typography - Tweak the typography options for the name 

Title 

1. Text Color - Set the text color for the title
2. Typography - Tweak the typography options for the title

Image

1. Size - Set the size of the image 
2. Border Size - Set the border size 
3. Border Type - Select a border type either Solid, Double, Dotted, Dashed, or Groove 
4. Border Radius - Set the border-radius to make the edges rounder 
5. Border Color - Set a color for the border 

Navigation

Arrows

Choose either Normal or Hover state for the arrows 

1. Icon - Set an icon for the arrows, choose from the library or upload one
2. Position - Set the arrow Inside or Outside the slides
3. View - Choose the display of the arrows either Default, Stacked, or Framed  
4. Style - Style the arrows, if you choose either Stacked or Framed you can set the size the padding, and the border-radius. 

Dots

Choose either Normal or Hover state for the dots.

1. Position - Set the arrow Inside or Outside the slides
2. Alignment - Set the alignment for the dots to either be Left, Center, or Right. \
3. Color - Set the color of the dots 
4. Border Color - Set the color of the dots' filling 
5. Style - Set the padding, border-radius, border width, and determine the space between the dots.