Hi Shopify Community! I hope you could help me for free on how to put a background image on my Newsletter and Footer. I badly need to put an image to this two section for the purpose of beautification on my website. Looking forward to any kind hearted person who wants to help. Thank you!
1 Like
Welcome to the Shopify community!
and Thanks for your question.
Please share your site URL,
So I will check and provide a solution here.
1 Like
Hi @KetanKumar
Thank you so much for noticing my post!
Here it is hatsplash.com
Password is BethanyC
Looking forward to your kind help 
Best,
Thanks for it
- Go to Online Store->Theme->Edit code
- Asset->/stylesheet.css->paste below code at the bottom of the file.
footer {
background-image: url(https://cdn.shopify.com/s/files/1/0513/7448/9782/files/shutterstock_385533445_2_1728x.jpg?v=1605994600); /* change image url as you know */
}
1 Like
It worked! However, it only changes the background image for the footer. I also wanted to change the background image for my newsletter. I tried copy pasting the code you’ve sent and change the word ‘‘footer’’ into ‘‘newsletter’’ but it didn’t work. May you please check on this. Your help is very much appreciated!
1 Like
Hi @KetanKumar
Sorry, I’ve hidden my Newsletter. I’ve updated it and hopefully you could see it now. The one that says RESTOCKS, NEW ITEMS AND SALES - BE THE FIRST TO
DISCOVER!
1 Like
Yes, thanks for it
.newsletter-wrapper {
background-image: url(https://cdn.shopify.com/s/files/1/0513/7448/9782/files/Untitled_design_4_1512x.jpg?v=1610049726) !important;
}
can you please add just the image URL don’t remove it !important
1 Like
Hi @KetanKumar . It works! However, it portrays two image which will be divided in half even though I’ve only uploaded 1 image. Would it be possible if this won’t be divided in half?
1 Like
Yes, please add this code
.newsletter-wrapper, footer {
background-repeat: no-repeat;
background-size: cover;
}
1 Like
Thank you so much!
1 Like
it’s my pleasure to help us
1 Like
thanks for message
can you please update this code
.newsletter-wrapper, footer {
background-repeat: no-repeat !important;
background-size: cover !important;
}
1 Like
Perfect! @KetanKumar
Thank you so much again
1 Like
it’s my pleasure to help us
1 Like
Hi Kumar,
can you please help me too? I have warehouse theme and I need to change background to image, but I can not find anything related to background in footer.liquid :(( My store https://aha-label.myshopify.com/
Best,
Matthias
do you need footer background image?
Hi Kumar,
yes, that’s correct. I need image instead of color
Hi Kumar,
yes, that’s correct. I need image instead of color. Is it possible on Warehouse theme?
1 Like
yes pleas share your footer code so i will check and let you know solution.