Cool testimonials area | Elementor tutorial

In this quick tutorial I will show you how to create cool testimonials section using Elementor Pro. Here I have used all elementor features and some small CSS and JS code.

First of all use these classes and ID for text area

//Add this class name for each text

//Add this id name for each text

//add this class name for first text 

Use these classes and attributes for Image area

//Add this class name for each image

//Add this attribute for each  image

//add this class name for first image 

Add this CSS for image section

selector .tabmenu{
    opacity: .5;
    cursor: pointer;
    opacity: 1;
    transform: scale(1.2);

/*css for testimonial info*/
.elementor-testimonial-name {
	display: inline-block !important;
.elementor-testimonial-job {
	display: inline-block !important;
	margin-left: 10px;
	position: relative

And Finally add this JS code anywhere of this page

var $ = jQuery;


//after click
$(".tabmenu").on("click", function(){
        var dataId = $(this).attr("data-tab");

        //for text

        //for tab


Start Working with me for any wordpress project!

Get in touch

Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

Call me by Skype (farjana.rashid55)

15 + 15 =

[wpforms id="2272"]