Change background of entire site to one image

Store Design
, ,
1

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

2

Hi @Flyehiklub Can you share store url?

3

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.

4

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 tag.
  • Just before , add the following CSS inside a 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

5

Hi @Flyehiklub Can you share store url?