cropped-at_logo_web_square_no_text.png

How To Add A Silouette Shadow To A Transparent Image Using Only Elementor – WordPress [EN/0097]

Here’s an interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

https://www.iorad.com/player/2289841/How-To-Add-A-Silouette-Shadow-To-A-Transparent-Image-Using-Only-Elementor—WordPress–EN-0097-

25 STEPS

1. Open your page and click Edit with Elementor

Step 1 image

2. Click Navigator

Step 2 image

3. Open Container

Step 3 image

4. Click Image

Step 4 image

5. Right Click Image

Step 5 image

6. Click Duplicate

Step 6 image

7. Click Advanced

Step 7 image

8. Change Z-Index to -3

Step 8 image

9. Click Link values together

Step 9 image

10. Click Top

Step 10 image

11. Click Top and apply a negative margin. In our case: -460

Step 11 image

12. Click Left

Step 12 image

13. Add 50 to your Left margin to displace the shadow and create the effect.

Step 13 image

14. Click Style

Step 14 image

15. Click CSS Filters

Step 15 image

16. Click Blur

Step 16 image

17. Type Blur value. In our case: 9

Step 17 image

18. Click Contrast

Step 18 image

19. Change Contrast value to 10, as we don’t want a contrasting and uneven shadow.

Step 19 image

20. Click Saturation

Step 20 image

21. Change Saturation value to 0 as we want a desaturated shadow.

Step 21 image

22. Click Opacity

Step 22 image

23. Change the Opacity value

Step 23 image

24. In our case it is 0.5, but you may adjust it accordingly.

Step 24 image

25. Click Update to save your changes.

Step 25 image