Cart page’s footer background image splitting in two sections 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.

used this code : #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;
}

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

please check the screenshots.

[TheUntechnickle]

Hey @ctal37 ,

Add this CSS, it should work fine:

.footer {
  position: relative !important;
  background-image: url('https://cdn.shopify.com/s/files/1/0662/2586/4889/files/F5AB1CC7-EA76-4413-A786-7FBCCBD9E8A5.png?v=17...') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  min-height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* These classes are essential to prevent splitting */
.footer__content-top,
.footer__content-bottom {
  background: transparent !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer__content-bottom-wrapper {
  background: transparent !important;
  width: 100% !important;
}

.page-width {
  max-width: none !important;
  width: 100% !important;
}

Here’s how it should look:

If you have any other questions, or want us to make any changes just reach out to us at hello@untechnickle.com | We’ll do it for free.

Cheers!
Shubham | Untechnickle

[ctal37]

thankyou so much

[TheUntechnickle]

You’re most welcome! Do checkout Revize below, your customers gonna love it