Footer background image splitting in two sections in cart page Dawn 15V

[ctal37]

Hii

I tried adding this image as background in footer section and in homepage its alright but in cart page’s footer the image is splitting in 2 sections. Please help me out how do add full image as background in footer section.

store url : https://midnightmoodstore.com/cart

please check the screenshots.

[dws_pvt_ltd]

Hello @ctal37 , Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on “Themes”
3. Select “Edit code”
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can’t find your custom CSS file, open base.css" OR “theme.css”.
6. Add the following code at the end of the file

#shopify-section-sections--17181255237817__footer .footer {
    background-image: url(https://cdn.shopify.com/s/files/1/0662/2586/4889/files/F5AB1CC7-EA76-4413-A786-7FBCCBD9E8A5.png?v=1732621721) !important;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

Update these 2 CSS for this

" background-position: center;
background-repeat: no-repeat;"

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[dws_pvt_ltd]

Hello @ctal37 ,

Update these 2 CSS for this

" background-position: center;
background-repeat: no-repeat;"

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[ctal37]

hii.. this code is literally messing everything. not showing anything in home and showing a bit image cart page only check the screenshot

[Made4uo-Ribe]

Hi @ctal37

Replace the code with this one.

#shopify-section-sections--17181255237817__footer .footer {
    background-image: url(https://cdn.shopify.com/s/files/1/0662/2586/4889/files/F5AB1CC7-EA76-4413-A786-7FBCCBD9E8A5.png?v=1732621721);
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    min-height: 300px;
}

And Save.

result:

[ctal37]

hii @Made4uo-Ribe

you always gives me solutions unfortunately this code is not working not fixing it please check the screenshots.

[Made4uo-Ribe]

Can you replace the code? Remove the older code that you used, so I can fix it. Thanks!

[ctal37]

hey i’ve removed the old code now there no code.

[Made4uo-Ribe]

You need to replace it with the code I provide. Thanks!

[ctal37]

hey its not working again it’s messing all the background. check screenshot please help me

[ctal37]

hey @Made4uo-Ribe i tried adding your code as well and its still messing everything. please help me