Testimonial Carousel (Pro)

The Testimonial Carousel widget lets you display a sliding carousel of customer testimonials in a variety of designs.

Content

Slides

Items

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon .

1. Content: Enter the text of the testimonial
2. Image: Upload or choose an image from the media library
3. Name: Enter the customer’s name
4. Title: Enter the customer’s title

1. Skin: Select a pre-designed skin, either Default or Bubble
2. Layout: Choose from Image Inline, Image Stacked, Image Above, Image Left, Image Right
3. Alignment: Align the testimonial to the left, center or right
4. Slides Per View: Select the number of slides to show at one time, from 1 to 10
5. Slides To Scroll: Select how many slides to scroll per swipe, from 1 to 10
6. Width: Set the width of the widget

Additional Options:

1. Arrows: Show or hide the navigation arrows
2. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress
3. Transition Duration: Set the time between slide movement, in milliseconds

1. Autoplay: Slide to YES to have the carousel slide automatically
2. Autoplay Speed: Set the speed at which the carousel will slide, in milliseconds
3. Infinite Loop: Set to YES to have the carousel continue sliding, infinitely
4. Pause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clicked
5. Image Size: Set the size of the image, from thumbnail to full, or enter a custom size
6. Lazy Load: Toggle to enable lazy loading of the images.

Style

Slides

1. Space Between: Control the space between the slides
2. Background Color: Choose the background color of the slides
3. Border Size: Set the thickness of the border around each slide
4. Border Radius: Set the border radius to control corner roundness
5. Border Color: Choose a color for the border
6. Padding: Set the padding within the border of each slide

Content

1. Gap: Control the space between the image and the testimonial text
2. Text Color: Choose the color of the testimonial text
3. Typography: Change the typography options for the testimonial text

Name

1. Text Color: Choose the color of the name
2. Typography: Change the typography options for the name

Title

1. Text Color: Choose the color of the title
2. Typography: Change the typography options for the title

Image

1. Size: Adjust the size of the image
2. Gap: If Image Inline is selected, the gap controls the space between the image and the name and title
3. Border: Slide to YES to place a border around the image
4. Border Color: If Border is set to YES, choose the color of the border
5. Border Width: If Border is set to YES, set the thickness of the border around the image
6. Border Radius: Set the border radius to control corner roundness. This option is available even if Border is set to NO

Navigation

Arrows

1. Size: Adjust the size of the navigation arrows
2. Color: Choose the color of the navigation arrows

Pagination

1. Size: Adjust the size of the pagination
2. Color: Choose the color of the pagination

Bubble (Options only available if using Bubble skin)

1. Background Color: Choose the color of the bubble’s background
2. Padding: Set the padding within the bubble
3. Border Radius: Set the border radius to control corner roundness. This option is available even if Border is set to NO.
4. Border: Slide to YES to place a border around the bubble
5. Border Color: If Border is set to YES, choose the color of the border
6. Border Width: If Border is set to YES, set the thickness of the border around the bubble

Note: Autoplay is affected by Google’s Autoplay policy on Chrome browsers.