Image on background help spotlight

[JonathanTiki]

Hello, 

I used to be able to change my background on spotlight but I don't know if something changed or if I messed the code up and could use some help.

html {
height: initial;
}
body {
background: transparent !important;
background-image: url(https://cdn.shopify.com/s/files/1/0558/6314/8701/t/11/assets/Wallpaper%20nimbi.jpg?v=1720185158)
important;
background-size: cover !important;
background-attachment: fixed !important;
}
.gradient {
background-color: transparent !important;
}

that was my previous code and here is my website!

[Moeed]

Hey @JonathanTiki 

Remove the code you added and update your code with this one:

body {
    background: transparent !important;
    background-image: url(https://cdn.shopify.com/s/files/1/0558/6314/8701/t/11/assets/Wallpaper%20nimbi.jpg?v=1720185158) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JonathanTiki]

Where do I put this code? I tried putting it on the custom ccs tab and it didn't change! also my items backgrounds are now not transparent. 

Thank you for the help!

[Moeed]

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
body {
    background: transparent !important;
    background-image: url(https://cdn.shopify.com/s/files/1/0558/6314/8701/t/11/assets/Wallpaper%20nimbi.jpg?v=1720185158) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JonathanTiki]

Hello, 

I did and the website still looks like this. Do I have to wait a bit for it to update or did I do something incorrect? 

Thank you for your help and patience.