Adding a background image to the Debut theme...

Solved
Tourist
6 0 1

I realise this is a post that has come up a few times but none of the methods seem to work for me, any ideas anyone?

0 Likes
Astronaut
1091 150 274

Add this to the bottom of your theme.scss.liquid where the url is your path for your image, this is just a seamless texture example:

 

body {
    background: url(https://www.toptal.com/designers/subtlepatterns/patterns/fishnets-and-hearts.png);
}
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Tourist
6 0 1

Thanks Ninthony, that did work! So how would I change the code so that I can use a specific image?

0 Likes

Success.

Astronaut
1091 150 274

All you have to do is upload the image to the Shopify CDN. Go to settings in the bottom left, then click files (paperclip icon). You should be able to upload a file there, then it will provide you a link. Copy that link and put it between the parenthesis after url. It will look something like:

 

body {
background: url(https://cdn.shopify.com/s/files/1/0561/0261/files/your-file.jpg);
}
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like
Tourist
6 0 1

Fantastic thank you!

0 Likes
New Member
1 0 0

Hello, I am using the Brooklyn theme and I cannot seem to add a background image. Here is my coding I inserted at he end of theme.scss.liquid:

 

body {
background: url(https://cdn.shopify.com/s/files/1/0296/0198/8741/files/image.png?v=1578633097);
}

I put the image url that I had uploaded onto files and nothing has changed at all. Any tips? Thank you

0 Likes