Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

adding a drop shadow to a video


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 29, 2012, 09:25 AM
fcitino
 
20 posts · Jun 2009
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
  #2  
Old Mar 29, 2012, 09:33 AM
juggledad's Avatar
juggledad
 
22,043 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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)
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 29, 2012, 11:41 AM
lmilesw's Avatar
lmilesw
 
10,069 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I add a drop shadow to my layout? rockandstroll Atahualpa 3 Wordpress theme 1 Sep 1, 2011 01:40 AM
Better body drop shadow (better searching) tim55057 Header configuration & styling 8 Nov 21, 2010 08:03 AM
drop shadow on main container byronyasgur Header configuration & styling 1 Mar 16, 2010 06:29 PM
Drop shadow in center column kal Header configuration & styling 6 Jun 18, 2009 07:39 PM
Need drop shadow added to the body of my post's nickcee Atahualpa 3 Wordpress theme 1 Feb 26, 2009 06:21 PM


All times are GMT -6. The time now is 10:20 PM.


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