The REA Testimonial Slider widget lets you display a slider of customer testimonials in a variety of designs.
Content #
Slides #
Items
Show the list of the total number of slides added in the slider. Drag and drop to change their position, duplicate a slide, 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.
- 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.
- 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.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.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