How to remove light grey lines on the home and cart pages ?

Technical Q&A
, ,

Topic summary

A Shopify store owner needed help removing unwanted light grey border lines appearing on their home and cart pages.

Initial Issue:

  • Light grey lines visible at the bottom of pages
  • Affected both homepage and cart page

Solution Provided:
Two CSS code snippets were added to the base.css file:

  1. First fix removed the cart items border:
.cart__items {
 border-bottom: 0px !important;
}
  1. Second fix removed the footer border line:
.footer {
 border-top: 0px solid !important;
}

Outcome:

  • Both CSS modifications successfully resolved the issue
  • The unwanted grey lines were completely removed
  • Issue marked as resolved
Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello all,

I want to remove the light grey lines in the bottom of on my home and cart pages.

My store URL: https://u7yeji-na.myshopify.com/cart

IMG_A929CD5D9864-1.jpeg
IMG_A929CD5D9864-1.jpeg1125×2436 141 KB

2

Please paste the following code in the end of base.css file.

.cart__items {
 border-bottom: 0px !important;
}
1 Like
3

Hi @The_ScriptFlow

The second line in footer still remains. Can you help removing it? Thanks

4

Paste this code please:

.footer {
  border-top: 0px solid !important;
}
1 Like
5

It worked! Thank you @The_ScriptFlow

6

Most welcome.

If this was helpful don’t forget to Buy me a Coffee