Beautifully display client testimonials about your product and services using the 10Web premium Testimonial Carousel widget.
The Content Tab
Slides
Slide Items: Items contain your testimonial content. Drag and drop them to change the order, click on the X to delete and the duplicate icon to duplicate.
Click on an Item to edit its content.
Item Content: Insert the testimonial text in the content field.
Item Image: Click on the image box to insert an image.
Name: Insert the name of the author of the testimonial.
Title: Insert the professional position held by the author of the testimonial.
Add Item: Click on the button to add more testimonials.
Skin: Choose the look of your testimonial (default or bubble).
Layout: Choose how the image is positioned within the box and relative to the text.
Alignment: Choose how to align the content of the box (left, center, right).
Slides Per View: Choose the number of slides visible at the same time.
Slides to Scroll: Choose the number of slides scrolled with per swipe.
Width: Set the width of the testimonial box.
Additional Options
Arrows: Click the toggle to show or hide scrolling arrows.
Pagination: Option to display pages using fraction and dots, or choose none.
Transition Duration: Set the duration of the transition effect.
Autoplay: Set the toggle to yes for the slides transition automatically.
Autoplay Speed: Set the time interval between each transition.
Infinite Loop: Click the toggle to allow the slides to proceed infinitely in a single direction.
Pause on Interaction: Click the toggle to pause the slide from transitioning on mouse hover.
Image Size: Set the size of the image displayed in the slide.
The Style Tab
Slides
Space Between: Adjust the space between the slides.
Background Color: Choose a background color for the slides.
Border Size: Adjust the thickness of the border for each slide.
Border Color: Customize the border color of the slides.
Padding: Set the padding relative to the border of the slide.
Border Radius: Adjust the radius of the border for rounded corners.
Content
Gap: Adjust the spacing between the image and the text.
Text Color: Customize the color of the testimonial text, the name, and the title by clicking on the color tile.
Typography: Customize the typography settings of the testimonial text, the name, and the title.
Image
Image Size: Adjust the size of the image using the slider bar or by typing in an exact number.
Image Gap: Adjust the spacing of the image relative to the name and the title.
Border: Turn the toggle to yes to add a border to the image. Click on the Color tile to customize the border color. Use the Border Width slider to set the thickness of the border.
Border Radius: Adjust the radius of the border for rounded corners.
Navigation
Arrow Size: Adjust the size of the navigation arrows using the slider bar.
Arrow Color: Customize the color of the arrows by clicking on the color tile.
Pagination Size: Adjust the size of the pagination using the slider bar.
Pagination Color: Customize the pagination color by clicking on the color tile.
The Advanced Tab
In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Next Up: Media Carousel
Comments
0 comments
Please sign in to leave a comment.