It’s no secret that testimonials are a crucial part of many businesses out there and their website. They add a sense of credibility to the services you provide or the products you offer. Paying special attention to the way you display your testimonials often pays off. With Divi, there are tons of ways you can style your testimonial section, there’s even a Testimonial Module that’s dedicated to it. However, if you’re looking for a unique way to add interaction to your testimonials, you’ll love this post. We’re sharing a beautiful custom motion testimonial layout built with Divi’s new scroll effects. We’ll also recreate the design step by step!
Let’s get to it.
Preview
Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.
Desktop
Mobile
Download The Motion Testimonial Layout for FREE
To lay your hands on the free motion testimonial layout, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
Let’s Start Recreating!
Add New Section
Background Color
Start by adding a new section to the page you’re working on. Open the section settings and change the background color to black.
- Background Color: #000000
Spacing
Move on to the section’s design tab and add some custom top and bottom padding across different screen sizes.
- Top Padding: 10% (Desktop), 20% (Tablet), 30% (Phone)
- Bottom Padding: 10% (Desktop), 20% (Tablet), 30% (Phone)
This article was written by Donjete Vuniqi and originally published on Elegant Themes Blog.