How to Add Box Shadow in Elementor - WpBuilt 1350476922971705323
How to Add Box Shadow in Elementor

How to Add Box Shadow in Elementor

  • Posted June 10, 2020 by Elementor Resources
  • Tutorials
  • 0 Comments

To add box shadow to every element in elementor go to style then border and you will see there the box shadow property.

 

Let’s try to tackle first the options in the box shadow property.

 

Color

This property let’s you customize the color of the shadow.

 

Horizontal and Vertical 

Here you will set the horizontal and vertical  position of the box shadow .

 

Blur 

Set if you want your box shadow unclear

 

Spread 

Here you will set the size of the box shadow.

Position

Set if you want an inner box shadow or outer box shadow 

  • Inner

  • Outer

Hover 

Add box shadow effect when you hover on an element

 

Box shadow on hover

 

 

Thanks for Reaching This Far! 🙂

I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!

Get Elementor Pro Now

If you have more concerns or have encountered other issues, let us know in the comments section!

 

Leave a Reply

wp-cta.png

Get your FREE Web
Design Brief Template

Get your FREE Web
Design Brief Template

×

Cart