Testimonial Slider

The Responsive Addons for Elementor (RAE) Testimonial Slider widget lets you display a slider of customer testimonials in a variety of designs.

Content

Slides

The slides customization option shows the list of the total number of slides added in the slider. 

You can drag and drop to change their position, duplicate a slide, or delete or add a slide. Upon clicking on a slide, it will open up.

You can select the background and content for the slide from here. Each slide has separate settings available.

Icon: Add an icon to the testimonial
Content: Enter the text you want to add for the testimonial.

Items

• Image: Upload or choose an image from the media library.
• Name: Enter the customer’s name.
• Title: Enter the customer’s title.
• Skin: Select a pre-designed skin from Default or Bubble.
• Layout: Choose from Image Inline, Image Stacked, Image Above, Image Left, Image Right.
• Alignment: Align the testimonial to the left, center or right.
• Slides Per View: Select the number of slides to show at one time, from 1 to 10.
• Slides To Scroll: Select how many slides to scroll per swipe, from 1 to 10.
• 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.
4. Autoplay: Slide to YES to have the carousel slide automatically.
5. Autoplay Speed: Set the speed at which the carousel will slide, in milliseconds.
6. Infinite Loop: Set to YES to have the carousel continue sliding, infinitely.
7. Pause on Hover: Make the slide pause when the mouse hovers over it.
8. Pause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clicked.
9. Image Size: Set the size of the image, from thumbnail to full, or enter a custom size.

Style

Slides

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

Content

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

Name

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

Title

1. 1.Text Color: Choose the color of the title.
2. 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. Choose Arrow: Select the type of arrow from the dropdown
2. Size: Adjust the size of the navigation arrows
3. Align Left Arrow: Set the left arrow’s horizontal position
4. Align Right Arrow: Set the right arrow’s horizontal position
5. Arrows Height: Set the arrows’ height
6. 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