Title: Box-shadow
Last modified: August 31, 2016

---

# Box-shadow

 *  Resolved anonymized-14410056
 * (@anonymized-14410056)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/box-shadow-3/)
 * Hello,
 * How can I make the following shadow for an web element such as the background
   of a sitebar.
    [http://gmcpro.com/presentation/images/video-shadow-box.png](http://gmcpro.com/presentation/images/video-shadow-box.png)?
 * I hope you will help me
 * [https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/](https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [YellowPencil](https://wordpress.org/support/users/waspthemes/)
 * (@waspthemes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044318)
 * Hi Il,
 * You can something similar to this shadow with yellow pencil plugin.
 * Please try this options:
    color: #BBBBBB Blur Radius: 10px Spread: -10px Inset:
   no Horizontal length: 0 Vertical length: 20
 * I’m hope thats help.
 * Best Regards
 *  Thread Starter anonymized-14410056
 * (@anonymized-14410056)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044370)
 * hello,
 * No… that’s not it… but thanks for thinking with me.
    Do you know how i can get
   this to work in any other way?
 *  Plugin Author [YellowPencil](https://wordpress.org/support/users/waspthemes/)
 * (@waspthemes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044434)
 * Hi,
 * Yes. its only a litte similar.
 * There is another way. Follow these steps:
    Background-image: [http://gmcpro.com/presentation/images/video-shadow-box.png](http://gmcpro.com/presentation/images/video-shadow-box.png)
   Bg. Position: “center bottom” Background-size: “Cover” Background-repeat: “No
   Repeat”
 * Play with background-size and background position options.
 * More info:
    [http://www.w3schools.com/cssref/pr_background-position.asp](http://www.w3schools.com/cssref/pr_background-position.asp)
   [http://www.w3schools.com/cssref/css3_pr_background-size.asp](http://www.w3schools.com/cssref/css3_pr_background-size.asp)
 * I’m hope thats help.
 * Best Regards
 *  Thread Starter anonymized-14410056
 * (@anonymized-14410056)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044459)
 * Thanks, for some elements that works, but not for all. But that’s my themes problem.
   
   Thanks for the help!
 *  Plugin Author [YellowPencil](https://wordpress.org/support/users/waspthemes/)
 * (@waspthemes)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044490)
 * Hey,
 * You’re welcome. May be you must crop shadow png file for make it more useful.
 * Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Box-shadow’ is closed to new replies.

 * ![](https://ps.w.org/yellow-pencil-visual-theme-customizer/assets/icon-128x128.
   png?rev=2349100)
 * [Visual CSS Style Editor](https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yellow-pencil-visual-theme-customizer/)
 * [Active Topics](https://wordpress.org/support/plugin/yellow-pencil-visual-theme-customizer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yellow-pencil-visual-theme-customizer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yellow-pencil-visual-theme-customizer/reviews/)

## Tags

 * [box](https://wordpress.org/support/topic-tag/box/)
 * [Shadow](https://wordpress.org/support/topic-tag/shadow/)

 * 5 replies
 * 2 participants
 * Last reply from: [YellowPencil](https://wordpress.org/support/users/waspthemes/)
 * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/box-shadow-3/#post-7044490)
 * Status: resolved