Adding a background image to the Debut theme...

Solved
Highlighted
Tourist
8 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
Highlighted
Shopify Partner
1445 195 521

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 my solution helped you, please like and accept as solution!
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
Highlighted
Tourist
8 0 1

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

0 Likes
Highlighted
Shopify Partner
1445 195 521

This is an accepted solution.

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 my solution helped you, please like and accept as solution!
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
Highlighted
Tourist
8 0 1

Fantastic thank you!

0 Likes
Highlighted
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
Highlighted
New Member
1 0 1

So how can I do this for the landing page ONLY?.......or, for specific pages?

Highlighted
New Member
1 0 0

any answers ^^^ ?

0 Likes
Highlighted
Tourist
8 0 1

I don't know how to do it for just the landing page but Ninthony's solution above worked for me on all pages if that helps?

0 Likes
Highlighted
Tourist
10 0 1

Hi IT worked for me thank you! but the image keeps repeating any way to have it just one time? thanks 

0 Likes