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.