Black background overlay when loading in Firefox

here is a screenshot of what is happening
https://www.livinggreenwithbaby.com/wp-content/uploads/2012/02/Screen-shot-2012-02-21-at-1.51.45-PM.png

ALSO: This is only evident on a slower connection, apparently. someone with a very fast connection can’t even see it when the page is loading. Apparently a bkgrd image loads first while the page is loading?

The black background which is being covered by the wrapper is coming from style.css, body, background-color: rgb(8, 8, 8);

Change the numbers to 255, 255, 255

Well your body, content and sidebar all have backgrounds of black.
Why the whole page (header included) isn’t flashing black on slower isps is sort of weird.
You can play around with other colors? or even an image in the backgrounds .. make sure you are using a custom CSS file with this theme though. Woo should get back to you.
Because this is a purchased theme there isn’t much we can do.
You could also get Firefox plugin firebug and look for these CSS issues.

I am on satellite isp, so everthing always loads slower for me. On 2 of my child of my child of twenty ten sites I have used a back ground image on body and html so it flashes before the content is fully loaded, looks better than just having a flash of ‘color’..but in my case the whole site page flashed not just the content area which seems to be happening for you.

thanks for the replies, I will try the bkgrd change…I do make the changes to a custom style sheet (though im not using a child theme, woo provides custom style sheet). hope this works!!

I tried isolating the plugins, and it turns out that the social slider cevherShare was causing it in a big way, and, annoyingly, Disqus is also causing it a little bit? I can find another social share plugin but really want to use disqus. I hope the background switch works…Since it happens on mobile iOS I find it hard to ignore, though.

Sadly I can’t seem to catch the screen in firebug, i can’t hit the button before it loads, it gets stuck with the black screen up, (in firefox) which i think is odd, too.
screenshot: https://www.livinggreenwithbaby.com/wp-content/uploads/2012/02/Screen-shot-2012-02-21-at-2.06.51-PM.png

although it could just be that those make the site slow to load, esp the share bar with the external imgs and disqus boxes.

I have noticed that the sites I go to that use disqus do load slower.

This:

body, background-color: rgb(8, 8, 8);

Change the numbers to 255, 255, 255

was it, it totally fixed it in firefox and iOS, thank you SO much for that insight!

Honestly how were you able to find that, i couldn’t look at it with firebug it went by so fast?

i couldnt find it in the stylesheet (or anything close to rgb(8, 8, 8)) either but the woo guys told me what to put in the custom css file and it worked.

However, it now seems to be happening, just for a second, in Chrome (where it wasn’t actually happening before? ffx and iOS are fine. and this time the box covers the whole site, not just up to the title. I’ve almost half a mind to ignore it but these things tend to come back and bite. any more suggestions?

michelle