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, 10:25 AM
fcitino
 
22 posts · Jun 2009
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, 10:33 AM
juggledad's Avatar
juggledad
 
22,315 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)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 29, 2012, 12:41 PM
lmilesw's Avatar
lmilesw
 
10,107 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 02:40 AM
Better body drop shadow (better searching) tim55057 Header configuration & styling 8 Nov 21, 2010 09:03 AM
drop shadow on main container byronyasgur Header configuration & styling 1 Mar 16, 2010 07:29 PM
Drop shadow in center column kal Header configuration & styling 6 Jun 18, 2009 08:39 PM
Need drop shadow added to the body of my post's nickcee Atahualpa 3 Wordpress theme 1 Feb 26, 2009 07:21 PM


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


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