REA Testimonial Slider

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. 1.
    Content: Enter the text of the testimonial.
  2. 2.
    Image: Upload or choose an image from the media library.
  3. 3.
    Name: Enter the customer’s name.
  4. 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. 1.
    Arrows: Show or hide the navigation arrows.
  2. 2.
    Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress.
  3. 3.
    Transition Duration: Set the time between slide movement, in milliseconds.
  4. 4.
    Autoplay: Slide to YES to have the carousel slide automatically.
  5. 5.
    Autoplay Speed: Set the speed at which the carousel will slide, in milliseconds.
  6. 6.
    Infinite Loop: Set to YES to have the carousel continue sliding, infinitely.
  7. 7.
    Pause on Hover: Make the slide pause when the mouse hovers over it.
  8. 8.
    Pause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clicked.
  9. 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. 1.
    Size: Adjust the size of the image.
  2. 2.
    Gap: If Image Inline is selected, the gap controls the space between the image and the name and title.
  3. 3.
    Border: Slide to yes to place a border around the image.
  4. 4.
    Border Color: If Border is set to yes, choose the color of the border.
  5. 5.
    Border Width: If Border is set to yes, set the thickness of the border around the image.
  6. 6.
    Border Radius: Set the border-radius to control corner roundness. This option is available even if Border is set to no.
Arrows
  1. 1.
    Choose Arrow: Select the type of arrow from the dropdown
  2. 2.
    Size: Adjust the size of the navigation arrows
  3. 3.
    Align Left Arrow: Set the left arrow's horizontal position
  4. 4.
    Align Right Arrow: Set the right arrow's horizontal position
  5. 5.
    Arrows Height: Set the arrows' height
  6. 6.
    Color: Choose the color of the navigation arrows
Pagination
  1. 1.
    Size: Adjust the size of the pagination
  2. 2.
    Color: Choose the color of the pagination
Bubble (Options only available if using Bubble skin)
  1. 1.
    Background Color: Choose the color of the bubble’s background
  2. 2.
    Padding: Set the padding within the bubble
  3. 3.
    Border Radius: Set the border-radius to control corner roundness. This option is available even if Border is set to NO.
  4. 4.
    Border: Slide to YES to place a border around the bubble
  5. 5.
    Border Color: If Border is set to YES, choose the color of the border
  6. 6.
    Border Width: If Border is set to YES, set the thickness of the border around the bubble