Add a background image to the store - Prestige theme!

[coffee_bag]

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;
  
}

[Made4uo-Ribe]

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!

[coffee_bag]

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? 

[Made4uo-Ribe]

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

[Scentsational]

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

[Made4uo-Ribe]

Check your post. 

Thanks!

[PageFly-Oliver]

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

[coffee_bag]

Nope, this did not work. Thank you anyway!

[PageFly-Oliver]

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