Using Thrive Ovation for your Portfolio

​Displaying client testimonials with pictures is a big plus over displaying t​hem without.  However at times the clients doesn't have a picture to give, or it's akwards to ask, but with a few tweaks and considerations, it is possible to use Thrive Ovation​ to display other images.  

This could be a portfolio item, but it could be some sort of badges, screenshots or other visual elements.

​Here are a few examples of a portfolio ​by using the Picture in Thrive Ovation.  Some Custom CSS was used to change the size of the picture and font of the text.

I only use the description field in​ those examples, but more fields can be used.

Example ​1: Portfolio items on top of each other

profile-pic

Denis was really understanding of what I was looking for. I really enjoyed how he makes a video screencast to review his work with you as well as make recommendations.

profile-pic
test

test

This Demo Website is a great example of what clean design can bring in terms of conversions

profile-pic

Denis did an amazing job with our website. It looks exactly as we wanted it to be. He had great ideas and suggestions and he knows Thrive Themes extremely well. We are really happy with the end result. Highly recommend him.

CSS Code to add to you website or page.  Adjust Height to your image height.

.tvo-set17-template.tvo-testimonials-display-single .tvo-testimonial-image-cover {
    border-radius: 0px !important;
    height: 450px !important;
}

.tvo-testimonials-display.tvo-set17-template .tvo-testimonial-display-item p {
    font-size: 29px !important;
    margin:44px !important;
}

Example 2: Portfolio with an forward and back arrow.

​Here's another example which is good on a homepage for example as it allows to display multiple items through a slider.

profile-pic

Denis did an amazing job with our website. It looks exactly as we wanted it to be. He had great ideas and suggestions and he knows Thrive Themes extremely well. We are really happy with the end result. Highly recommend him.

profile-pic

Denis really knows his stuff when it comes to Thrive Leads. Highly recommended!

profile-pic

Denis was really understanding of what I was looking for. I really enjoyed how he makes a video screencast to review his work with you as well as make recommendations.

CSS Code to add to you website or page.  Adjust Height to your image height.

​​.tvo-set18-template.tvo-testimonials-display-slider .tvo-image-wrapper {
    border-radius: 50px !important;
}

.tvo-testimonials-display.tvo-set18-template .tvo-testimonial-image-cover {
    border-radius: 50px !important;
}

.tvo-testimonials-display.tvo-set18-template .tvo-testimonial-display-item p {    
    font-size: 24px !important;
}

​Conclusion

​When your clients are using a Thrive ovation feedback page and do not have a picture, you can ask them (see the last 2 questions here) if you can use something in lieu of their image.

  • December 1, 2018

Denis Ethier

Thrive Themes Designer, Integrator and Consultant.

>