Testimonial

How to add section Testimonial to website

Learn how to provide customers' featured reivews and boost sale in a one section.

Demo Testimonial on website

In the theme editor (Customize), Add section Testimonial.

How to add testimonial to section

Each block will be 1 a testimonial. You can add testimonial by adding block.

Add testimonial to section

After adding the new block, You can configure the featured according to your requirements.

Testimonial information

In the theme editor (Customize), click section Testimonial, Click the block you want to edit. Here you can make the necessary configurations.

Config testimonial information

Avatar : Choose an avatar for testimonial.
Name : Fill in the name for testimonial.
Position : Fill in the position for testimonial.
Quote : Fill in the quote for testimonial.
Start : Choose the number of stars to rate and vote for the testimonial.

Configure section Testimonial

Testimonial Style

In the theme editor (Customize), click section Testimonial then locate Testimonial Style. Here you can make the necessary configurations.

Testimonial Style

Layout : Configure layout for testimonial.
Content Alignment : Configure content alignment for testimonial.
Padding Wrap : Configure padding for testimonial.
Background Color Wrap : Configure background for testimonial.

Testimonial Color

In the theme editor (Customize), click section Testimonial then locate Testimonial Color. Here you can make the necessary configurations.

Color Settings

Name Color : Configure color for name.
Position Color : Configure color for position.
Quote Color : Configure color for quote.
Stars Color : Configure color for stars.

Testimonial Size

In the theme editor (Customize), click section Testimonial then locate Testimonial Size. Here you can make the necessary configurations.

Testimonial size settings

Avatar Size (px) : Configure size for avatar.
Name Font Size (px) : Configure font size for name.
Position Font Size (px) : Configure font size for position.
Quote Font Size (px) : Configure font size for quote.
Stars Font Size (px) : Configure font size for stars.

Testimonial Spacing

In the theme editor (Customize), click section Testimonial then locate Testimonial Spacing. Here you can make the necessary configurations.

Testimonial spacing settings

Avatar Spacing (px) : Set avatar spacing. Set value -1 to apply default settings from theme.
Spacing Name (px) : Set name spacing. Set value -1 to apply default settings from theme.
Spacing Position (px) : Set position spacing. Set value -1 to apply default settings from theme.
Quote Spacing (px) : Set quote spacing. Set value -1 to apply default settings from theme.
Stars Spacing (px) : Set stars spacing. Set value -1 to apply default settings from theme.

Build layout section

Layout slider

You can display block layout grid or slider.If you want to use layout slider see Section Slider Layout

Switch slider or grid

Layout grid

If you use layout grid.At the settings section, You can configure items to display on 1 row for each screen device.

Configure items to display on a row of layout grid

Other configurations of section

You can see the documentation for other section configurations such as: Heading, container, background, animation, padding...