Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

adding a drop shadow to a video


  #1  
Old Mar 29, 2012, 09:25 AM
fcitino
 
23 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 11:41 AM
lmilesw's Avatar
lmilesw
 
10,176 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



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 02:28 AM.


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