How can I add a custom image to my homepage background?

[MINHOJI]

Is there a way to put an image in the background of the homepage?

I want to decorate the homepage with the image I want, not the color.

[Moeed]

Hey @MINHOJI 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Also can you share the image which you want on the home page background? Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[MINHOJI]

Thank you for your quick response.

My site address is

https://thesmeti.com/

[Moeed]

Can you also share the image you want on the homepage background as well?

Best Regards,

Moeed

[MINHOJI]

I haven't confirmed the picture yet, so I'll send you a sample.

I'd appreciate it if you could tell me how to change it because I have to change it later.

[Moeed · Accepted solution]

Hey @MINHOJI 

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>
.gradient {
    background-image: url(https://community.shopify.com/c/image/serverpage/image-id/404270iEE5AB0E72A64DD1A);
    background-size: cover;
}
</style>

RESULT:

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

Best Regards,
Moeed

[MINHOJI]

Thank you for making me feel an amazing change.

But there's a problem.
I hope the home page does not contain images in the background as well as in the background of the checkbox.