Hey there,
I'm having an issue where the dark grey background is appearing in the CKEditor "Filtered HTML" wysiwyg text area.
Also, it's appearing under various fields in the forms that appear within overlay windows.
I've fixed the latter of the two issues by adding the following to your style.css:

body.overlay {
  background: none;
}

Comments

agileadam’s picture

agileadam
Location Maine, USA
commented

**** UPDATE ****
Instead of targeting the overlay specifically, I want to be sure I don't see that background in ANY iframes (which is what the overlay is). This will also clear up the issue I'm having with CKEditor (which loads its wysiwyg interface in an iframe).

Instead of applying the background to "body" on line 104 in style.css, why not apply the background to body.html. It seems the iframe bodies are never classed as "html." This is working great for me. I've removed the first tweak I posted.

Here's the change:

diff --git a/sites/all/themes/fold/style.css b/sites/all/themes/fold/style.css
index 2dd9f33..a48d3a9 100644
--- a/sites/all/themes/fold/style.css
+++ b/sites/all/themes/fold/style.css
@@ -101,7 +101,7 @@ input, select {
 }
 /* Global Style
 ------------------------------------------------*/
-body {
+body.html {
 background: #484a4e url(images/bg.jpg);
 color: #323232;
 font-family: Lucida Grande, Verdana, Arial, sans-serif;
agileadam’s picture

agileadam
Location Maine, USA
commented

Okay, I'm kind of embarrassed now. That didn't quite fix the problem everywhere.
The image picker module uses a body class of "html" in their code, which is in an iframe.
So, while body.html took care of most items, there are still issues here and there.

I'll shut up now ;)

ravis’s picture

ravis commented

Sorry, I am not getting the situation exactly.
Please provide more information.