Comments on: How to Make a Divi Testimonial Slider https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/ Thu, 24 Apr 2025 04:39:57 +0000 hourly 1 https://wordpress.org/?v=6.8.3 By: Mark https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-18916 Thu, 02 Jul 2020 06:05:19 +0000 https://www.markhendriksen.com/?p=13199#comment-18916 In reply to Simone Turner.

Hi Simone,

This is easy to do.

Open the slider and enable Show Arrows under Elements.

]]>
By: Simone Turner https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-18913 Thu, 02 Jul 2020 04:07:00 +0000 https://www.markhendriksen.com/?p=13199#comment-18913 What if I just want to have the controls on each slide to be able to move the slides manually? How would I do that instead of having it on automatic transition?

]]>
By: Kri https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-18729 Thu, 25 Jun 2020 15:06:51 +0000 https://www.markhendriksen.com/?p=13199#comment-18729 Thank You!

]]>
By: Mark https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-18169 Wed, 10 Jun 2020 14:09:28 +0000 https://www.markhendriksen.com/?p=13199#comment-18169 In reply to Rich Walsh.

Hi,

This is the CSS code for that:

.et-pb-active-slide .et_pb_slide_description {
-webkit-animation-duration: .7s;
-webkit-animation-delay: .9s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .7s;
-moz-animation-delay: .9s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .7s;
-o-animation-delay: .9s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .7s;
-ms-animation-delay: .9s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .9s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeBottom;
animation-name: fadeBottom;
}

Place this in Divi > Theme Options > CSS

The CSS code is for different browsers webkit, moz etc. Adjust the number values to change the transition duration.

]]>
By: Rich Walsh https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-17883 Wed, 03 Jun 2020 16:40:18 +0000 https://www.markhendriksen.com/?p=13199#comment-17883 Hey, this is fab – just wondering how I can slow down the transition/animation duration? The built-in divi tools for this seem to be overridden by some CSS code I can’t find to restyle??
Thx

]]>
By: Zara Grainger-Jones https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-17684 Fri, 29 May 2020 09:14:34 +0000 https://www.markhendriksen.com/?p=13199#comment-17684 Thanks! Perfect solution to my problem, really clearly explained. Used it on my website 🙂

]]>
By: Chuck Miller https://www.markhendriksen.com/how-to-make-a-divi-testimonial-slider/#comment-7520 Wed, 18 Sep 2019 16:14:26 +0000 https://www.markhendriksen.com/?p=13199#comment-7520 Wow, great tutorial! I’ll be using this on my new website. One question. How do I replace the font awesome quotes with regular quotes? I want to use Playfair Display’s own quote marks. Thanks!

]]>