How to put background image on your newsletter and footer

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

@BethanyCleverly

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 :slightly_smiling_face:

Best,

@BethanyCleverly

Thanks for it

  1. Go to Online Store->Theme->Edit code
  2. 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

@KetanKumar

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!

@BethanyCleverly

Thanks for update

sorry i can’t see newsletter section can you please show me

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

@BethanyCleverly

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

@BethanyCleverly

Yes, please add this code

.newsletter-wrapper, footer {
    background-repeat: no-repeat;
    background-size: cover;
}
1 Like

Thank you so much!

1 Like

@BethanyCleverly

it’s my pleasure to help us

1 Like

@BethanyCleverly

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

@BethanyCleverly

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

@Matthias111

do you need footer background image?

Hi Kumar,

yes, that’s correct. I need image instead of color

@KetanKumar

Hi Kumar,

yes, that’s correct. I need image instead of color. Is it possible on Warehouse theme?

1 Like

@Matthias111

yes pleas share your footer code so i will check and let you know solution.