Different backgrounds are shown in website builder and on published website

This issue is usually related to the fact that you have background image set for both layout element ("Vertical Layout" or "Horizontal Layout") and native background (option "Background") as well as also use Shape element as an extra background in that layout element (option "Background element").

You should use only one of these backgrounds either by:

removing image from layout element native background;
detaching Shape element as a background from that layout element.

People also found this article using these queries:

The website builder and the published site show different backgrounds
How to change background on builder so it will be same as on published site?
Background changes on published website
I see different backgrounds in builder and on published site
How to fix issue with differing backgrounds?
Is it possible to switch backgrounds in builder and website to the same?
Backgrounds are not same
Why do I see one background in builder and another on published website?
I have issue with different backgrounds
Why do I see background on website not the same as in builder?
Backgrounds look different
I have problem with different backgrounds in website builder and on website
Different backgrounds
Why do backgrounds differ on published version and in builder?
After publishing website background is different
Website builder and the published website display differing backgrounds
I have problem with backgrounds
Why is the background of the published version and builder different?
I want to see same background in builder and on website
Is it possible to switch backgrounds in builder and website to the same?
Backgrounds differ
How can I set same background in builder and published website?
Website builder shows different background from the published version

Log in

Media

Different backgrounds are shown in website builder and on published website

People also found this article using these queries: