Testimonials

Testimonials shortcode is a good to present your customers opinion about you and your work.

Skin Source: Here you can specify, which design to use for the testimonials displayed. You can select between using the built-in skins/designs for testimonials or apply the loop item templates made with TheGem Templates Builder. Learn more about Loop Item Builder

Style: choose the style for displaying your testimonial set

Image Size: choose the size of the testimonial image to be displayed

Fullwith: select this option if you wish to display testimonial in fullwidth layout

Autoscroll: select the autoscroll speed in milliseconds. Leave blank if you don’t want to have any autoscroll

See demo

Useful CSS

Testimonials name, positions, text, icons:

.gem-testimonial-item .gem-testimonial-name {
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
}
.gem-testimonial-item .gem-testimonial-company {
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
}
.gem-testimonial-item .gem-testimonial-position {
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
}
.gem-testimonial-item .gem-testimonial-text p{
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
}
.gem-testimonials.style1 .gem-testimonial-wrapper:after, 
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
    color: #000;
}

You can modify this css and insert it in Theme Options -> Custom CSS to apply on all testimonials:

To apply this custom CSS on a single content element only, use the "Extra class name" field in this element in WPBakery:

The example of the css selector for the "custom-testimonial" class name in this case:

.custom-testimonial .gem-testimonial-item .gem-testimonial-name {
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
}