Add a background image to the store - Prestige theme!

Shopify Discussion

Topic summary

A user is attempting to add a background image to their Shopify store using the Prestige theme. They tried CSS code that previously worked on the Debut theme, but encountered issues.

Initial Solution & Problem:

  • Another user provided CSS targeting .color-scheme, which successfully added the background
  • However, this unintentionally applied the background to the header, footer, and collection title areas as well

Attempted Fix:

  • A suggestion to use body selector with background-image was proposed
  • The original poster confirmed this alternative approach did not work

Current Status:

  • The issue remains unresolved; the user needs CSS that applies the background image only to the main content area while excluding header, footer, and collection titles
  • The thread was briefly interrupted by an unrelated question about a missing basket icon
  • Helpers are requesting the store URL to provide more targeted assistance
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

I’m trying to add a background image to my store, I’m currently using the Prestige theme.

I have tried to add the following code, however, it did not work.

I have also added the picture to my Assets. I have used this code before successfully on debut theme.

Would love to hear your inputs.

Thank you!

body {
    background: url(https://cdn.shopify.com/s/files/1/0557/5678/3790/t/7/assets/Screenshot%202023-11-16%20at%202.50.27%20PM.png?v=1700261066);
    background-attachment: fixed;
   background-size: 100%;
  background-position: center; !important;
  
}
1 Like
2

Hi @coffee_bag

Check this one.

.color-scheme {
    background: url(https://cdn.shopify.com/s/files/1/0557/5678/3790/t/7/assets/Screenshot%202023-11-16%20at%202.50.27%20PM.png?v=1700261066);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center; !important;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Hi @Made4uo-Ribe ,

thank you for your fast reply! The code worked, but the background changed also for the footer and the header, and the background of the collection name(will attach the screenshot)

Would you help me edit the code excluding the footer, header, and collection title, please?

Screenshot 2023-11-17 at 7.02.00 PM.png
Screenshot 2023-11-17 at 7.02.00 PM.png894×470 238 KB

1 Like
4

Hi @coffee_bag ,

I think you can try

body {
    background-image: url(https://cdn.shopify.com/s/files/1/0557/5678/3790/t/7/assets/Screenshot%202023-11-16%20at%202.50.27%20PM.png?v=1700261066) !important;
    background-attachment: fixed;
   background-size: 100%;
  background-position: center; !important;
  
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

5

Nope, this did not work. Thank you anyway!

6

Hi, could you possibly help me with an issue?

The basket icon is missing from my page and I am unable to get it to appear. I have tried adding code and I still can’t get it to appear. My website is https://scentsationalhome.com

I really would love some assistance with this.

Thank you in advance

1 Like
7

Would you mind to shar your store URL? Ive got that code in the prestige theme, so Im just likely guessing it. Thanks!

8

Check your post.

Thanks!

9

I want to confirm it. Do you want to make the same as screenshots?

PageFlyOliver_0-1700704565061.png
PageFlyOliver_0-1700704565061.png3292×2054 588 KB