Remove lines in footer - Atlantic Theme

[dlgillihan]

I’m looking for a way to remove the divider lines throughout my webpage, especially in the footer section of both desktop and mobile. Any recommendations would be appreciated.

[Moeed]

Hey @dlgillihan

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.main-footer .connect>li, .main-footer .connect, .back-to-top--mobile {
    border: unset !important;
}
</style>

RESULT:

---

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

[dlgillihan]

Thank you. That worked! There are other locations throughout our page that have the same border lines. Is there a way to take those out as well?

[Moeed]

I have updated my code in the previous reply above, replace it with the updated one.

Best,
Moeed

[devcoders]

Hi @dlgillihan

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[dlgillihan]

That change did not remove the lines.

[suyash1]

@dlgillihan can you please share the page link where you want to remove the lines?

[ZestardTech]

Hello @dlgillihan

Based on your screenshot, the border appears to be coming from the has-border class applied to the section.

To remove borders throughout the store, we recommend removing the has-border class from the relevant sections in your theme code.

Alternatively, your theme may provide an option within the Edit theme to disable section borders without modifying the code.

For specific pages such as the Home and Connect pages, you may also need to add the following CSS to remove the border displayed below the page title:

.page-title {
    border-bottom: unset !important;
}

Please let us know if you would like further assistance with the implementation.

[Custom-Cursor]

I just visit your website by searching it on Google. I see the line is removed from the footer.
If you need any other help, then feel free to let me know.
Here is what I see on the footer of the current preview on the site.

If there anything else, question you have then feel free to let us know.

[websensepro]

Hello @dlgillihan ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / base.css file and paste the code in the bottom of the file.

.back-to-top--mobile, .slideshow:after {
border: none !important;
}

Hope this helps!

Thanks!