Testimonials are customer reviews that can be displayed on the site to add credibility. Testimonial Slider block allows you to display multiple testimonials in a slider form on your site.
How To Add The Testimonial Slider Block #
- 1.Open a page or a post and click on the plus icon to add a new block and look for the Testimonial Slider or you can search for it if it doesn’t pop up quickly for you.
- 2.Be default, you’ll get the below design-
How To Configure The Testimonial Slider Block #
To configure the Testimonial Slider block, switch to the ‘Content’ tab.
General #
- Alignment: Responsive options for alignment
- Number of Testimonials: Increase or decrease the number of testimonials in a slider.
- Columns: Increase or decrease the number of columns in a slider.
- Skin: Select skin for the block as default or bubble.
Carousel #
- Pause on Hover: Pause the slider when the user hovers over it.
- Autoplay: Enable this feature to autoplay the slider when the page is loaded.
- Autoplay Speed: Specify the speed of the slides in milliseconds.
- Infinite Loop: Enable this feature to make the slider loop infinitely.
- Transition Speed: Specify speed in milliseconds required for the transition of one slide to another slide.
- Show Arrow & Dots: Select option for pagination as only dots or both arrow & dots. If both Arrow & Dots option is selected you can design arrow size, arrow border size & arrow border-radius.
Image #
Here you can select images for individual slides.
- Image Position: Select position of the image from Top, Bottom, Left, Right, Stacked.
- Image Style: Select the shape of the image as normal, circle, or square.
- Image Size: Select the size of the image as small, medium, large, or full.
- Width: Select the width for the image.
How To Style The Testimonial Slider Block #
Switch to the ‘Style’ tab to customize every element of the Testimonial Slider block.
Typography #
Under the Typography tab, options for font family, font size, font-weight and line-height are available for Testimonial, Name and Company separately.
Color Settings #
Under the Color Settings tab, options for color are available for Testimonial, Name, Company, Arrow & Dots separately.
Spacing #
The Spacing tab offers options to customize the following options
- Gap between content and dots
- Row gap
- Content Padding
- Testimonial Bottom Margin
- Name Bottom Margin
- Image Horizontal Padding
- Image Vertical Padding
Background #
Background Type: You can select background type as color or image. Options to customize the background color or background image get displayed depending on the type selected.
Border #
You can choose border styles such as border radius, border width, border color under this section.