How to remove product spacing border in cart page design?

NEED HELP

Please remove the spacing border between the products

Shop Link: https://93f811-2.myshopify.com/

Hey @admintb

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 tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

@Moeed

I want to keep the header and footer border

Hey @admintb

Keep the previous code and add this updated code above in theme.liquid file with the same steps.


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Not right

Hi @admintb

Your store is password protected.

@Made4uo-Ribe

I removed it

Still cant access it.

I look some buttons or links to access. But not lucky at all.

@Made4uo-Ribe Please check now :slightly_smiling_face:

Oh, at last..

Check this one one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

form.cart-page * {
    border-style: none !important;
}
thead.order-summary__header {
    border-bottom: 1px solid grey !important;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

@Made4uo-Ribe Can you please add the same border like in the header also to the footer? Just over the total price :slightly_smiling_face:

Do you mean like this?

if it is change the code with this one. Thanks!

tbody.order-summary__body tr * {
    border-style: none !important;
}
.cart-footer {
    border-block-start-width: 1px;
}

And save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!