Testimonial

The Testimonial widget lets you display client feedback beautifully and responsively using customizable slider styles in Elementor. Follow the steps below to configure and style it.

🚀 How to Enable the Testimonial Widget

To start using the Image Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Testimonial widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🛠 Step 1: Add the Testimonial Widget

1. Open the Elementor editor.
2. Search for “Testimonial” in the widget panel.
3. Drag and drop the Testimonial (TP) widget into your desired section.

🎨 Step 2: Choose a Style

• Under Content → Testimonial Select Style:
  • Browse and select a style that matches your design.
  • Styles include different quote layouts, avatar placement, and design variations.

🧾 Step 3: Add Testimonial Items

• Open the Repeater List to add multiple testimonials.
• For each item, configure:
  • Image: Upload the client or company image.
  • Name: Add the client’s name.
  • Designation: Add their role or title (e.g., CEO, Manager).
  • Description: Add the testimonial content or feedback.
  • Enable Rating(optional):
    • Turn this on to show a star rating.
    • Choose the rating (1 to 5 stars).

🎛 Step 4: Slider Options

Under the same Content tab, scroll to Slider Options:

• Enable Slider: Toggle ON to activate the carousel.
• Enable Auto Loop: Makes the slider auto-rotate.
• Enable RTL: Enables right-to-left layout.
• Responsive Settings:
  • Set the number of items for large, tablet, mobile, and small mobile devices.
• Space Between Slides: Add gap in pixels.
• Slide Speed (ms): Set the duration each slide stays.
• Slider Transition Speed (ms): Set the transition animation speed.
• Enable Dots: Toggle ON to show pagination dots.
• Enable Arrow: Show left/right navigation arrows.
• Arrow Type: Choose arrow styles from the dropdown.

🎨 Step 5: Customize Style

Under the Style tab:

🔲 Box Style

• Adjust alignment, background type, border, radius, shadow, and padding.

🧩 Testimonial Top Style

• Customize the style of icons or logos at the top of the card.

✍️ Testimonial Content Style

• Style the testimonial message content, font, padding, and color.

👤 Client Info Style

• Style the client’s name, designation, and image.

🔁 Arrow Style Option

• Customize the look of slider arrows:
  • Size
  • Color (normal and hover)
  • Position (inside or outside the testimonial box)