How To Use Divi Box Shadows On Columns

Pee-Aye Creative Website Design
In this tutorial, I'm going to show you how to add Divi box shadows on columns with CSS that match Divi's built in box shadow options.
how to add Divi box shadows on columns
how to add Divi box shadows on columns
how to add Divi box shadows on columns

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

This is an example of the default Divi box shadow 1.

Divi box shadows

box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);

This is an example of the default Divi box shadow 2.

Divi box shadows

box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3)

This is an example of the default Divi box shadow 3.

Divi box shadows

box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)

This is an example of the default Divi box shadow 4.

Divi box shadows

  box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);

This is an example of the default Divi box shadow 5.

Divi box shadows

box-shadow: 0px 6px 0px 10px rgba(0,0,0,0.3);

This is an example of the default Divi box shadow 6.

Divi box shadows

  box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.3);

This is an example of the default Divi box shadow 7.

Divi box shadows

box-shadow: inset 10px 10px 0px 0px rgba(0,0,0,0.3);

Please share this post!

Nelson Lee Miller

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, and building websites with Divi.

You Earned A Reward

For a limited time, we are offering our best blog readers a random CRAZY big 20% off coupon to use on any of our child themes! Just subscribe and we'll send you the code!

Nice, we're sending you the code now!

0

Your Cart