Testimonials
Testimonials shortcode is a good to present your customers opinion about you and your work.
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
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;
}