Background Image Repeating Only on Live Store

Store Design
1

Hello,

I’ve tried to modify the store order/profile page, and on the editor everything is perfect. However, when I go to the live site, the background image repeats instead of stretching. I can’t find any background-repeat code to edit in the CSS files either. I’ve attached a screenshot to show you what I mean. I have a screenshot of how it looks in editor, however its only letting me link one.

Any help would be greatly appreciated.

Regards,

Reece

image
image1920×765 53.9 KB

1 Like
2

Hi @TLS25

Please share with me store url.

1 Like
3

Hi @TLS25 ,
It sounds like the background image styling is not being applied consistently between the theme editor and the live storefront — this usually happens because the live version uses a different CSS scope or an inline style is overriding your background settings.

Try adding this CSS to the specific section or element that has the background image:

background-size: cover;
background-repeat: no-repeat;
background-position: center center;

You can add it either:

  • In your theme.css (or base.css) file, or
  • Directly inside the section’s custom CSS if your theme supports it under Edit code > Assets.

If it looks fine in the editor but not live, make sure you’ve published the same theme version that you edited in the Theme Editor. Sometimes changes are made to a draft theme, not the one currently live.

If you can share the CSS selector or the section name (for example, #MainContent or .order-page-wrapper), I can help you target it precisely.