How to remove while line between div's

Hi community,

i wanted to remove this white line, but unable to do it. currently using Kalles theme for this store. This line appears between the footer and the banner image.

I would appreciate it if you could please help me in this regard.

Store URL: https://lasenteur.com/

@ughani1567

Hi there,

This usually happens in Kalles when there’s a small padding/margin gap between the last section and the footer, or when a section background doesn’t extend fully.

You can try adding this CSS to remove the white line:

Hey @yhemitech01

Thanks for posting this to the Shopify Community.

Problem Solution:
That white line between your footer and banner image in the Kalles theme is usually caused by extra margin, padding, or a border in the footer or banner section.

You can fix it easily by adding this CSS:

.footer, 
.footer-wrapper, 
.section-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

Go to Online Store → Themes → Edit Code → Assets → theme.css (or base.css) and paste this code at the bottom.
Then save and refresh the page — the white line should be gone.

Waiting to hear back from you. If this was helpful, don’t forget to like it and mark it as a solution.

Thanks

All paddings and margins are 0px, 0px, 0px, 0px

issue not resolved, i had placed it in base.css and theme.css

Alright,

Can you share the collab code of your store so that I can send you request for the store and do the requested changes.

Thanks

@ughani1567

That line is probably a section border or margin in your theme options. Look in your theme customizer under your banner or footer section padding/margin and remove the margin-bottom or border-top. If it doesn’t work, add this to your theme’s custom css: .footer {border-top:none;margin-top:0;} then save and preview.

Hello @ughani1567

Please change this image, as it has a border at the bottom: https://prnt.sc/lRhC4duD-HmW

Please hit Like and Mark it as a Solution if you find our reply helpful.