# Box/drop-shadow

**URL:** <https://forum.pinegrow.com/t/box-drop-shadow/761>\
**Category:** Styling (CSS)\
**Created:** [March 7, 2017, 5:53am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761 "2017-03-07T05:53:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![noosence](https://avatars.discourse-cdn.com/v4/letter/n/f07891/32.png) [@noosence](https://forum.pinegrow.com/u/noosence)\
**Post date:** [March 7, 2017, 5:53am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761/1 "2017-03-07T05:53:30Z")

</div>

I might be missing something but I have yet to find the GUI option to add a box shadow or drop shadow.

---

<div class="post-metadata">

**Author:** ![itsmeleo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/itsmeleo/32/19_2.png) [@itsmeleo](https://forum.pinegrow.com/u/itsmeleo)\
**Post date:** [March 7, 2017, 10:24am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761/2 "2017-03-07T10:24:38Z")

</div>

@noosence  
There is no GUI option for settings Box-shadow and certain other CSS properties, but you can do two things to get your styling added

1. select element and they It’s Style Property in Prop panel you can add you box-shadow

2. you select your element then in CSS tab next to every CSS name there is an icon \</\> you can click on it and edit the styling you need just like anyother editor.

3. press ctrl+e(pc) or cmd+e (mac) will open code window now from top of code window you can switch between CSS/HTML and can add your css

---

<div class="post-metadata">

**Author:** ![Jack\_Clarity](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)\
**Post date:** [March 15, 2017, 4:08am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761/3 "2017-03-15T04:08:46Z")

</div>

and @noosence check out [http://www.cssmatic.com/box-shadow](http://www.cssmatic.com/box-shadow) if you want to quickly experiment with box shadow

---

<div class="post-metadata">

**Author:** ![larabrian](https://avatars.discourse-cdn.com/v4/letter/l/ecae2f/32.png) [@larabrian](https://forum.pinegrow.com/u/larabrian)\
**Post date:** [October 31, 2019, 4:46am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761/4 "2019-10-31T04:46:20Z")

</div>

try this…[css shadow tutorial](http://www.corelangs.com/css/box/shadow.html)