I have happily been using the following code for the last year or so, but now want a plain colour background rather than the image, I have changed code and have it partly working but have white flashing when changing menu options (changing screens).

This is the code that we had developed with the help of Rob and works fine with an image, but my mods so far have not fixed the white flash. To see this, look at www.californiadrycleaners.com.au

Old Code to save you looking it up:

body {background: transparent url(../images/bg.jpg) center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

#zen-wrap {background-color: transparent;}

.zen-spotlight {background:#fff; padding: 15px;}

Cheers
Jeff

Hi Jeff,

Have you tried adding the same background colour to the html tag?

html {background-color:#0e1f3b;}

I would change the text colour very quickly as its merging with the background - this could get you a penalty from google

Cheers
Paul

Which text colour are you referring to Paul?

Could you expand on this please Paul as I don't quite see how this would help

Cheers
Jeff

no problem - it may not make any difference but the existing style

html, body {
background: #ffffff;
}

So I'm assuming the flash is coming from the html and that renders first as it still has a white background

With the text colour



I've highlighted the text to see it

having a background and text the same colour was a very dodgy spamming technique for hiding text from users but still being readable by search engines - hence why Google really hates it and penalises it even by accidennt