Custom CSS background shows old background when reloading

[Swift Ideas – Ed]

Hi @Joanna

It’s not something that is a fault at your end, or the theme’s end. It’s simply that the background image has to be loaded before it can show. The only thing we can advise to make the transition smoother is setting the background colour to be similar to that of the image, to reduce the evident flash.

– Ed

[Joanna]

OK, thank you everyone for responses and help! I will try to change the background colour to make it look better.

Thank you,

Joanna

[Joanna]

Hi Ed,

I am sorry, one more question how would I change the background colour now? I tried simple background-color: #e1e1e1; but it did not work.

Thank you,

Joanna

[Rui Guerreiro – SUPPORT]

Try to replace this current css

#main-container {
    background-image: url(http://www.varrojoanna.com/wp-content/uploads/2016/05/website-bg-pattern-V2.jpg)!important;
    background-repeat: repeat;
}

by this one

#main-container {
    background-color: #e1e1e1;
}

-Rui

[Joanna]

When I use this code, the bg image disappears and background color does not work at all. Still white.

Thanks,

Jo

[David Martin – Support]

Hi,

You set the background color here:

I have done this for you and it works nicely. You need to remember to clear or disable your caching plugin when making these changes, else you always see an old cached version of the front-end.

– David.

[Joanna]

Super, thank you very much for your help!

Joanna

[David Martin – Support]

Happy to help you out 🙂

Thanks.