Testimonial - Design Guide

THE END GOAL IS THIS

Step 1 - Right now you are on the editor screen. As you can see below the screenshot. 

After that when you click on the section. Now it looks like this. (below screenshot)

Step  2 - Then add the “3-columns” row in the section. Let’s click on the “+” button(As you can see in the above screenshot) -> select the row and drag these “3 columns” rows.  

Step 3 - Add an “image” element in the first column. By simply clicking on the “+” button.

Step 4 - Add an image of the testimonial by simply double-clicking on it. After that, an Image Gallery will appear where you can upload your testimonial image. 

Step 5 - Now simply resize the image from the white dot(Simply drag that dot inside) as you can see in the below screenshot. 

Step 6 - Now add a paragraph element below that image.

 Simply click on the “+” Button after that click on the elements(which we marked as a blue box) and drag that paragraph element and put it below that image.

Step 7 - Change the alignment of the text.

Step 8 - Now add a sub-headline element below that image. 

Simply click on the “+” Button after that click on the elements(which we marked as a blue box) and drag that paragraph element and put it below that image.

Step 9 - Change the text (by simply double-clicking on it) & the text setting.

Step 10 - After that click on the column. Add some margin from the left-right side.

Step 11 - Let’s give a border and border-radius to the column.

Step 12 - Now it’s time to make 2 clones of the 1st column and delete the vacant ones. (See the sign)

• The Page sign stands for clone which we marked as a blue box.
• The Trash sign stands for delete. 

After making the changes your section will look like this.

Step 13 - Here is the final step: change the image and text by simply following the previous steps.

After making the changes your section will look like this.

Congrats!!! YOU achieved your final goal.

NOW, DO PRACTISE TO HONE YOUR SKILL.