Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How to remove/set insivible the bottom lines on each page please?
hey @IIIISEIIII share the URLs of your website plz
Hey @IIIISEIIII
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
If you’re seeing bottom lines on each page of your Shopify store (like borders or dividers), those are usually added via your theme’s CSS.
Here’s a simple way to remove or hide them:
1. Go to Online Store > Themes in your Shopify admin.
2. Click Actions > Edit code next to your current theme.
3. In the Assets folder, look for your main CSS file—usually named something like theme.css.liquid, styles.css.liquid, or base.css.
4. Scroll to the bottom of that file and paste this code:
/* Hide bottom lines or borders */
header, footer, section, .page-container, .main-content {
border-bottom: none !important;
box-shadow: none !important;
}
/* Hide horizontal lines if they use <hr> tags */
hr {
display: none !important;
}
5. Save the changes and refresh your store to see if the lines are gone!
Hello there @IIIISEIIII
You can try this code for the bottom line: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
@media screen and (max-width: 750px){ footer.footer.color-background-1.gradient.section-footer-padding { border-top: none !important; } }
Let me know if you still need help afterwards!