To move the Divi Testimonial Module image above the text follow these steps:
Go to the Testimonial module -> Advanced tab -> CSS Class and add a new CSS class. In our example we will use et_testimonial_top_image CSS class.
For more details on how to add a custom CSS class, you can also visit this article: How To Add Additional CSS Classes To Divi Modules.
Insert this CSS code into Theme Options > Custom CSS box and click the green "Save Changes" button to save changes:
/* Start Testimonial Module image to top */
.et_testimonial_top_image .et_pb_testimonial_portrait {
float: none;
display: block;
margin: 0 auto 20px;
}
.et_testimonial_top_image .et_pb_testimonial_description {
margin-left: 0px !important;
}
/* End Testimonial Module image to top */
As a result, the image in Testimonial Module will be above the text no matter the width of the container, as seen in the screenshot below:
