Testimonial Carousel (Pro)

Testimonial Carousel (Pro)

The Testimonial Carousel widget lets you display a sliding carousel of customer testimonials in a variety of designs.

Content

Slides

Items

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

Tip: Quickly duplicate or delete items by clicking an item』s Duplicate or Delete icon .

Content: Enter the text of the testimonialImage: Upload or choose an image from the media libraryName: Enter the customer』s nameTitle: Enter the customer』s title

Skin: Select a pre-designed skin, either Default or BubbleLayout: Choose from Image Inline, Image Stacked, Image Above, Image Left, Image RightAlignment: Align the testimonial to the left, center or rightSlides Per View: Select the number of slides to show at one time, from 1 to 10Slides To Scroll: Select how many slides to scroll per swipe, from 1 to 10Width: Set the width of the widget

Additional Options:

Arrows: Show or hide the navigation arrowsPagination: Select the carousel pagination style, either None, Dots, Fraction, or ProgressTransition Duration: Set the time between slide movement, in milliseconds

Autoplay: Slide to YES to have the carousel slide automaticallyAutoplay Speed: Set the speed at which the carousel will slide, in millisecondsInfinite Loop: Set to YES to have the carousel continue sliding, infinitelyPause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clickedImage Size: Set the size of the image, from thumbnail to full, or enter a custom size

Style

Slides

Space Between: Control the space between the slidesBackground Color: Choose the background color of the slidesBorder Size: Set the thickness of the border around each slideBorder Radius: Set the border radius to control corner roundnessBorder Color: Choose a color for the borderPadding: Set the padding within the border of each slide

Content

Gap: Control the space between the image and the testimonial textText Color: Choose the color of the testimonial textTypography: Change the typography options for the testimonial text

Name

Text Color: Choose the color of the nameTypography: Change the typography options for the name

Title

Text Color: Choose the color of the titleTypography: Change the typography options for the title

Image

Size: Adjust the size of the imageGap: If Image Inline is selected, the gap controls the space between the image and the name and titleBorder: Slide to YES to place a border around the imageBorder Color: If Border is set to YES, choose the color of the borderBorder Width: If Border is set to YES, set the thickness of the border around the imageBorder Radius: Set the border radius to control corner roundness. This option is available even if Border is set to NO

Navigation

Arrows

Size: Adjust the size of the navigation arrowsColor: Choose the color of the navigation arrows

Pagination

Size: Adjust the size of the paginationColor: Choose the color of the pagination

Bubble (Options only available if using Bubble skin)

Background Color: Choose the color of the bubble』s backgroundPadding: Set the padding within the bubbleBorder Radius: Set the border radius to control corner roundness. This option is available even if Border is set to NO.Border: Slide to YES to place a border around the bubbleBorder Color: If Border is set to YES, choose the color of the borderBorder Width: If Border is set to YES, set the thickness of the border around the bubble

Note: Autoplay is affected by Google』s Autoplay policy on Chrome browsers.

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注