The Testimonials with image section allows you to showcase customer reviews together with images, star ratings, and author information. This section helps build trust by presenting customer feedback in a visual and engaging layout.
Multiple testimonials can be added to the section, and customers can navigate between them using the carousel controls.
1. Testimonials Section settings
Click the section name to see the section settings on the right-hand sidebar.
1.1 Testimonial styling
Use these settings to customize the appearance of testimonial content.
Rating color: Select the color used for the star rating.
Color icon author: Select the color used for the icon displayed next to the author's name.
1.2 Appearance
Customize the overall appearance of the section.
Rating color and Color icon author
Desktop shrink on scroll: Enable this option to apply the section's shrink-on-scroll effect on desktop devices.
Color scheme: Select the color scheme applied to the section. You can choose an available color scheme or customize it through Edit scheme.
Background image: Upload a background image for the section.
Mobile background image: Upload a separate background image optimized for mobile devices. This allows you to use a different image or composition for smaller screens.
1.3 Spacing
Adjust the spacing used in the testimonial layout for different screen sizes.
Desktop: Adjust the spacing on desktop devices.
Tablet: Adjust the spacing on tablet devices.
1.4 Section header
Use the Section header settings to customize the heading displayed at the top of the section, such as Testimonials.
1.5 Section padding
Use these settings to adjust the spacing around the section and maintain a balanced layout across different screen sizes.
Available options:
Top padding
Bottom padding
Mobile top padding
Mobile bottom padding
2. Add Testimonial Blocks
Click Add Testimonial below the section name to add a new testimonial.
Each Testimonial block represents one customer review. When multiple testimonial blocks are added, customers can navigate between them using the carousel controls.
The available options include:
Image: Upload an image associated with the testimonial. This can be a customer image, lifestyle image, product image, or other visual related to the review.
Image rotate: Adjust the rotation angle of the testimonial image. This can be used to create the layered image effect shown in the section design.
Star rating: Set the number of stars displayed for the testimonial.
Text: Enter the customer's review or testimonial content.
Author: Enter the name of the customer or reviewer displayed below the testimonial.
Product: Select a product associated with the testimonial. Use this option when the review is related to a specific product.
Show featured media on hover: Enable this option to display the product's featured image when hovering over the product link.
