You can get close with the plugin settings but the to get exactly that style you would have to use custom css.
First choose the “basic” style option. Then turn off the title option. Turn off the icon option.
That will get you closer, to move the rating you would need to add this css:
.kt-testimonial-text-wrap {
display: flex;
flex-direction: column;
}
.kt-testimonial-text-wrap .kt-testimonial-rating-wrap {
order: 5;
}
Then for the quote icons you could use something like this:
.kt-testimonial-content-wrap {
position:relative;
}
.kt-testimonial-content-wrap:before {
content: '\201C';
font-family: Georgia, serif;;
font-size:50px;
line-height:55px;
position:absolute;
opacity:.6;
top:0;
left:0;
}
.kt-testimonial-content-wrap:after {
content: '\201D';
font-family: Georgia, serif;
font-size:50px;
line-height: 0px;
position:absolute;
bottom:0;
opacity:.6;
right:0;
}
.kt-testimonial-content {
text-indent: 30px;
}
Ben
Hey,
You can left justify your content by choosing the “image in content” testimonial style. There is not currently a built-in function to move your rating below the content.
Hannah
Sorry, didn’t see Ben’s reply. That will get you what you’re after:)
Hannah
Thank you Ben.
One final question. Where do I set the color for the double Quote?
I do need to left justify if possible too.
That is an option in the toolbar for the block, you should see it once you click on the block.
Ben
How do I add some space to the end of the text/content?
This adds it on the left but I want some on the right.
Thx
.kt-testimonial-content {
text-indent: 30px;
}
Hey @twgerber,
You can use css like this:
.kt-testimonial-content {
margin-right: 10px
}
Does that work for you?
Hannah
