Drop shadow outside the custom player

On the outside of the player? If you're using HTML5 you can add the CSS3 properties for box-shadow onto the framewrap element.

<div class="framewrap" style="
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);">

Using the flash player you will need to add the following to the style info at the top of the page, just underneath the <title>.

#divSwf {-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

Obviously you can use your own box-shadow info, I just grabbed that from the super-handy box-shadow generator.

Hope this helps!

Hi,

I was wondering if either of you know how to remove the shadow completely? I posted a discussion but no one knew how:

https://community.articulate.com/discussions/articulate-storyline/remove-shadow-in-player

Thanks!

Storyline 360 no longer has the shadow around the boxes (menu, resources, etc.). Thanks articulate team.