Super Testimonial

Testimonials are an extremely important part of the success of your business. Super Testimonials module gives an opportunity to style up the testimonials and add the beautiful testimonials carousel right to your web page in few clicks.

Testimonials Module Sample #

On the picture below, you can view the Testimonials module sample.

 

Display Options #

• Select Style – Here user can select text shadow.
• Show Top Quotation Mark – Here user will be able to activate or deactivate top quotation mark
• Show Bottom Quotation Mark – Here user will be able to activate or deactivate bottom quotation mark.
• Image Order – Here user will select image order
• Author Info Order – Here user will select author info order
• Quote Text Order – Here user will select quote text order

Person Details #

• Customer Information – In this content bock you will need to provide the customer information such as – name, image, title, feedback.

Control Settings #

• Navigation Icons – Here user can select text shadow.
• Navigation Dots – Here user will select if Navigation dot is required or not
• Loop – Here user will select if loop is required.
• Auto Play – Here user will select if Autoplay is required
• Auto Play Timeout – User will define the autopay timeout.
• Margin – You can input the values for the margins in the required fields.
• Columns (Desktop) – User will select no of column that will display in Desktop
• Columns (Tab) – User will select no of column that will display in Tab
• Columns (Mobile) – User will select no of column that will display in Mobile
• Left Navigation Icon – You will need to select the left navigation icon here.
• Right Navigation Icon – You will need to select the right navigation icon here.

Style #

Grid Style #

• Margin – You can input the values for the margins in the required fields.
• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Background Type – From Here user can select the type of background whether it will be color, gradient or image.
• Box Shadow – Here you can add some shadow to the box
• Border Radius – Here user will define the radius of the border. It can be pixel or %..

Image #

• Margin – You can input the values for the headline margins in the required fields.
• Image Size – Here user will specify the size of the image.
• Border Type – Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – Here user will define the radius of the border. It can be pixel or %..

Person Name #

• Margin – You can input the values for the headline margins in the required fields.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Person Name Color – Here use will select person name text color
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Margin – You can input the values for the headline margins in the required fields.
• Company Name Color –  Here user will select company name color.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.

Testimonial Contents #

• Testimonial Text Margin – You can input the values for the headline margins in the required fields.
• Testimonial Text Padding – Here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Testimonial Text Color –  You can select testimonial text color here.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).
• Background Type – From Here user can select the type of background whether it will be color, gradient or image.
• Box Shadow – Here you can add some shadow to the box
• Border Radius – Here user will define the radius of the border. It can be pixel or %

Quotation Mark #

• Quotes Color – Here user will select quotes color
• Quotes Background Color – Here user will select quotation background color.
• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Text Shadow – If text shadow is needed user will select and adjust the shadow from here.
• Box Shadow – Here you can add some shadow to the box
• Quotes Size – Here user will define quotes size
• Upper Quotes Position – User will define the size of upper quotes.
• Lower Quotes Position – User will define the size of bottom quotes.

Navigation  Style #

• Navigation Style – User will select the navigation style from the drop down list. There are few predefined navigation styles available.
• Navigation Position – Here user will adjust the navigation position.
• Navigation Width – Here user will adjust the width of the navigation.
• Navigation Height – Here user will specify the height of the navigation.
• Icon Vertical Position – User will define the vertical position of the navigation icon.
• Icon Size – User will adjust the size of navigation icon here.
• Border Radius – Here user will define the radius of the border. It can be pixel or %.
• Box Shadow – Here use will select the box shadow if needed
• Color – Here use will select the color of the navigation icon.
• Hover Color – Here user will select the hover color of navigation icon.
• Background Color – Here user will select the background of the navigation
• Background Hover Color –Here user will select the on hover background color of the navigation.
• Left Nav Padding – User will select the left navigation padding.
• Right Nav Padding – User will select the right navigation padding.
• Dot’s Hover Color – User will select navigation dot color on hover.
• Dots Position – User will select the navigation dot position here.