Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   adding a drop shadow to a video (http://forum.bytesforall.com/showthread.php?t=17163)

fcitino Mar 29, 2012 09:25 AM

adding a drop shadow to a video
 
I would like to add a drop shadow to the video on http://sophia.smith.edu/blog/mortaldilemmas/

This video is in a table and is using the jwplayer. I am using Wordpress 3.3.1 multiuser and Atahualpa 3.6.7. Any advice would be greatly appreciated.

Frank

juggledad Mar 29, 2012 09:33 AM

Well you could give the <td> it is in a
HTML Code:

class="drop-shadow"
then add a CSS Insert
HTML Code:

.drop-shadow {
border-left: solid 2px #000;
border-bottom: solid 2px #000;
}

and see how that looks

btw, in FireFox on my machine, the video doesn't show, just the text 'Video courtesy of Mike Bulda'
it does show in Safari (both on a mac)

lmilesw Mar 29, 2012 11:41 AM

And if you don't care if it doesn't show in browser that don't support CSS3 you could use
HTML Code:

#jwplayer-1 {
    width: 390px;
    box-shadow: 4px 5px 10px;
}

I had to set the width since the shadow is cut off on the right if you leave the player at full width.


All times are GMT -6. The time now is 11:18 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.