The Testimonial Slider V2 widget provides a streamlined way to display professional client testimonials with integrated slider functionality and customizable quote iconography.

Content #

This section manages the primary data for each testimonial.

• Testimonials List: A repeater field where you can add, duplicate, or remove individual client reviews.
• Quote Icon: Choose a custom icon from your library to act as the decorative quotation mark for all slides in the widget.

Slider Settings #

Configure the behavior and navigation of your testimonial carousel.

• Loop: Toggle this to Yes to allow the slider to return to the first testimonial automatically after the last one is reached.
• Autoplay: Set this to Yes to enable automatic transitions between slides. By default, this is set to No.
• Autoplay Speed (ms): (Appears only when Autoplay is On) Set the delay time (in milliseconds) before the slider moves to the next item (e.g., 3000 for 3 seconds)
• Show Navigation: Toggle this to Show or Hide the “Previous” and “Next” arrows on the slider.
• Show Pagination: Toggle this to Show or Hide the pagination dots at the bottom of the slider.
• Pagination Clickable: When set to Yes, users can click on the pagination dots to jump directly to a specific testimonial.

Style Tab: General #

This section controls the primary container and layout styling for individual slides in both Normal and Hover states.

• Background Type: Select between a solid Classic color or a Gradient background for the testimonial slides.
• Slide Padding: Precisely adjust the internal spacing (Top, Right, Bottom, Left) within each individual slide to ensure the content is well-positioned.
• Border Type: Choose from various border styles (e.g., Solid, Double, Dashed) or leave as Default to keep the container borderless.
• Border Radius: Round the corners of the slides by defining pixel values for each corner.
• Box Shadow: Apply a shadow effect to the slides to create depth and make the testimonials stand out from the page background.

Style Tab: Client Info #

This section allows you to customize the appearance of the client’s profile details and the decorative quote icon within the slider.

• Image Size: Adjust the diameter of the client’s profile image using the pixel slider.
• Image Spacing: Control the amount of space between the profile image and the surrounding content.
• Client Name:
  • Color: Set the text color for the reviewer’s name.
  • Typography: Customize the font family, size, and weight for the name.
  • Bottom Spacing: Define the vertical gap between the name and the title below it.
• Client Title:
  • Color: Select the text color for the client’s job title or designation.
  • Typography: Adjust the font settings specifically for the title text.
• Quote Icon:
  • Left Spacing: Use the slider to precisely position the quote icon horizontally relative to the other client information.

Style Tab: Rating #

This section provides comprehensive controls for styling the star ratings within the testimonial slider.

• Color: Choose the default color for the rating icons.
• Hover Color: Select a specific color that appears when a user hovers over the rating section.
• Size: Use the slider to increase or decrease the overall scale of the rating icons.
• Spacing: Adjust the horizontal gap between individual stars in the rating.
• Left Spacing: Define the horizontal offset to position the rating group from the left.
• Top Spacing: Adjust the vertical placement of the ratings within the slide.

Style Tab: Testimonial Content #

This section allows you to customize the primary review text to match your brand’s aesthetic.

• Color: Set the text color for the main testimonial body.
• Alignment: Choose the horizontal alignment for the text (Left, Center, or Right).
• Typography: Access full font controls, including family, weight, and font size.
• Width: Use the pixel slider to define the maximum width of the text block for better readability.
• Top Spacing: Adjust the vertical gap above the testimonial content.
• Bottom Spacing: Define the vertical gap below the testimonial content.
• Line Height: Control the vertical distance between lines of text to improve legibility.

Style Tab: Navigation #

This section provides controls to customize the appearance and positioning of the slider’s navigation buttons for both Normal and Hover states.

• Color & Background: Select the text/icon Color and Background Color for the navigation buttons.
• Border Settings: Define the Border Type and adjust the Border radius (in %) to create square, rounded, or circular buttons.
• Size & Dimensions: * Use the Size slider to scale the navigation icon.
  • Adjust the Width and Height (in px) to set the specific size of the button container.
• Previous Button Spacing: Use the slider to adjust the horizontal placement of the “Back” button.
• Next Button Spacing: Use the slider to adjust the horizontal placement of the “Forward” button.

Style Tab: Pagination #

This section allows you to customize the pagination dots that indicate the current slide position within the Testimonial Slider V2.

• Color: Set the primary color for the inactive pagination dots.
• Active Color: Choose a distinct color for the dot that represents the slide currently in view.
• Width & Height: Use these sliders to independently adjust the horizontal and vertical dimensions of the dots.
• Spacing Between: Control the amount of horizontal space separating each individual dot.
• Border Radius: Adjust the roundness of the dots (e.g., set a higher value for circular dots).
• Opacity: Set the transparency level for inactive dots.
• Active Opacity: Set the transparency level for the active dot, typically set to 1 for full visibility.