Vertical Testimonial lets you display a sliding carousel of customer testimonial in vertical orientation. You can easily build this widget with EnterAddons.
Using Vertical Testimonial Widget :
You can see the below video to get an insight into how you can use the Vertical Testimonial, Or you can follow the documentation whichever you find convenient.
Firstly, select the Vertical Testimonial Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Content, Slider Control Settings and Slider Nav Icon section.
After that, from Content section, you can add slider list item clicking with ADD ITEM and remove item clicking with X button. Also, you can add image, show-review, ratings and name , and that is given below.
Then, from Slider Control Settings section, you can set sliders-item, autoplay, autoplay-speed, slide-on-click, mouse-wheel-control, slide-loop, center and nav respectively.
After that, from Slider Nav Icon section, you can set up-icon and down-icon respectively.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper, Slider Item Style, Client Name, Client Comment Text, Ratings Style, Image Style and Nav Settings section respectively.
After that, from Wrapper section you can add width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively.
Then, from Slider Item Style section you can slider-item-margin, slider-item-padding, add image-width, image-height, margin, padding, border-type, border-radius, box-shadow respectively, and this is NORMAL view from GENERAL ITEM option.
Moreover, from this section you can see ACTIVE view also.
After that, from Client Name section you can add typography, color, active-color, alignment, text-stroke, text-shadow, margin and padding respectively.
Then, from Client Comment Text section you can add typography, color, active-color, alignment, text-stroke, text-shadow, margin and padding respectively.
After That, from Rating Style section you can add font-size, color, active-color, border-type, border-radius, margin and padding respectively.
Then, from Image Style section you can add width, border-type, box-shadow, border-radius, margin, padding, before-color, before-border-radius, after-color and after-border-radius respectively.
After That, from Nav Settings section you can add icon-color, icon-hover-color, icon-size, nav-position-top, nav-position-right and space-between-icons respectively.
Moreover, from this section you can see NORMAL and HOVER view also.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.