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
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

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 03:56 AM.


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