Change background of entire site to one image

Flyehiklub · ‎03-11-2025

Hi, I’ve tried following various other posts on here but I’m unable to get one background image for our entire site. I’ve tried putting background image css code in the liquid file and in the custom css section in the theme

Using spotlight theme

DaisyVo · ‎03-11-2025

Hi @Flyehiklub Can you share store url?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

DaisyVo · ‎03-13-2025

Hi @Flyehiklub Can you share store url?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

B2Bridge · ‎03-11-2025

Hi @Flyehiklub
Can you kindly share your store link (with the password, if any) and the details of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

mageplaza-cs · ‎03-11-2025

Hi @Flyehiklub ,

I am from Mageplaza - Shopify solution expert.

If you use the spotlight theme, follow these steps:

1. In Shopify Admin, go to Online Store > Themes.
2. Click Actions > Edit Code on your active theme.
3. Open the theme.liquid file (found in the Layout folder).
- Look for the opening <body> tag.
- Just before </head>, add the following CSS inside a <style> tag:

body {
    background: url('{{ 'background-image.jpg' | asset_url }}') no-repeat center center fixed;
    background-size: cover;
}

Please let me know if it works as expected!

Best regards

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants

If our suggestion works for you, please give it a Like or mark it as a Solution!

Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

Change background of entire site to one image

Change background of entire site to one image

Community Blog Articles