Add a background image to the store - Prestige theme!

coffee_bag
Tourist
5 0 2

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

 

 

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
5125 1221 1495

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!

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


coffee_bag
Tourist
5 0 2

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 

 

 

Made4uo-Ribe
Shopify Partner
5125 1221 1495

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Scentsational
Tourist
10 0 3

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
Shopify Partner
5125 1221 1495

Check your post. 

 

Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


PageFly-Oliver
Globetrotter
717 141 134

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

coffee_bag
Tourist
5 0 2

Nope, this did not work. Thank you anyway!

PageFly-Oliver
Globetrotter
717 141 134

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

PageFlyOliver_0-1700704565061.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.