Black background in external website shadowboxes...

7 messages Options
Embed this post
Permalink
ddave311

Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
Hi -
I am using the ninjashadow boxes to open external websites, and when they load, they have an unnatural black background...

http://infinart.com/index.php?option=com_content&view=article&id=69&Itemid=81

...it must be coming from the settings of the module, but I can't find those setting to change. :(

Anybody got any ideas on how to correct this dark background on external site problem?

Thanks
Dave
Wizzud

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
You can try adding...

#shadowbox_content {background-color:#ffffff;}

...or...
#shadowbox_body_inner {background-color:#ffffff;}

...or changing...
#shadowbox_body {background-color:#000;}
...to...
#shadowbox_body {background-color:#ffffff;}

...in your css.

In IE7 the sites look fine - but that is because the iframe is not transparent in IE7, whereas in Firefox the iframe is transparent (which it actually should be in IE as well!) so sites that don't set a background colour on BODY will have a transparent BODY and hence have a black background (from #shadowbox_body).

Combine literacy with curiosity and a whole world of information opens up to you
jmatt

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
Hello
Wizzud
Thank you very much.
sunway

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
I've tried this, but unfortunately it doesn't work. You can see this here
kasmoie

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
In reply to this post by Wizzud
I'm having what I believe to be a similar problem.  (link to question)

I'm using the shadowbox plugin for wordpress.   I've got shadowbox running beautifully in IE7, no problems whatsoever.  But when I use it in firefox the background doesn't get nearly as dark.  The buttons are hard to see and it's not quite as beautiful an effect.  I've played with other peoples shadowboxes and they darken the background consistenly in both firefox and IE7.  Why is mine messed up?

I don't exactly understand where to put this code you've put up.  style.css is pretty much empty for the theme I'm using.  Any help would be greatly appreciated.  

Click on a picture in firefox and watch how the background renders:
http://www.iamkosta.org/kfolio/?p=15

thank you in advance.
Wizzud

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
Background looks exactly the same to me - FF2 and IE7 (Win XP)
Combine literacy with curiosity and a whole world of information opens up to you
Royaljerry

Re: Black background in external website shadowboxes...

Reply Threaded More More options
Print post
Permalink
In reply to this post by ddave311
Hi guys, if this problem is not solved yet, I'd like to add a pretty interesting behavior of this black-or-not-black stuff.

All the statements above seem true for me too (regarding the SB working in IE6 but not in FF), moreover, I realized the following: I created a test.html page referred by an SB link. Some basic CSS code was applied on that (background color: #fff, etc., not more than 3 or 4 properties, I didn't touch the ones in the SB). Of course, it didn't work, IE6 was fine, but no text was readable in FF (black on black).

But then: I renamed the test.html to test.php - and voilá: it appeared as intended. I couldn't believe my eyes, so renamed it back to html - the text disappeared again. Then back to php, and it was OK again.

Any ideas?