Display your client feedback with Testimonial Slider Block.
1. How to Add Testimonial Slider #
To add the Testimonial Slider Block, click on the Gutenberg editor block inserter plus icon(+) and then find Testimonial Slider from the search option. Just click on the block and it will be activated.
After you have done this step, you will see the default layout.
2. General Settings #
The general settings tab has the add testimonial, avatar, content settings, and quote icon options. This panel setting description is added below.
Testimonials: Set testimonial with avatar, title, designation, message.
Avatar: This setting has avatar show/hide and avatar dimension change option.
Content Settings: This setting has the name, designation, message change, and show/hide options.
Quote Icon: This setting has quote icon show/hide and icon change option.
Slider options: The slider options has slider handling all options like auto height, loop, autoplay, stop on hover, autoplay delay, slider transition speed, space between, slides to item, arrow navigation on/off, arrow style, dot navigation on/off, dot style and slider loader on/off options.
3. Style Settings #
The style tab has the avatar, name, designation, message and quote style panel. This panel style description is added below.
Avatar Style: This style panel has the avatar image style options.
Name Style: The name style panel has name style options.
Designation Style: The designation style panel has designation style options.
Message Style: The message style panel has message style options.
Quote Style: The quote style panel has quote style options.
Slider Arrow: you can style slider arrow with individual icon, icon size, color, background, border, arrow button dimension and position.
Slider Dot: You can style slider dot with color, size, gap and position.
Slider Loader: You can change slider loader color.
4. Advanced Settings #
The advanced tab has block wrapper style margin & padding, background, border, and shadow change options. This panel style description is added below.
Wrapper Margin & Padding: This panel has wrapper margin & padding style options
Background: The background panel has wrapper background change options.
Border: The border panel has block wrapper border change options.
Shadow: The shadow panel has block wrapper shadow change options.
5. Final Outcome #
Following these basic steps and more customizing, you can style your Testimonial Slider block and your want and get your outcome.
