Solved

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

MINHOJI
Excursionist
29 0 0

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.

123.PNG

Accepted Solution (1)
Moeed
Shopify Partner
3808 962 1193

This is an 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:

Moeed_0-1704529427789.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
3808 962 1193

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
MINHOJI
Excursionist
29 0 0

Thank you for your quick response.

 

My site address is

https://thesmeti.com/

 

 

Moeed
Shopify Partner
3808 962 1193

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

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
MINHOJI
Excursionist
29 0 0

KakaoTalk_20240106_171334786.png

 

 

 

 

 

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
Shopify Partner
3808 962 1193

This is an 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:

Moeed_0-1704529427789.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
MINHOJI
Excursionist
29 0 0

1234.jpg12345.PNG

 

 

 

 

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.