Removing Table Lines from WooCommerce Shopping Cart

Hi @wjyeshealth!

It should be possible with some CSS code, yes. If you could please send us a link to your site, we can have a quick look and see what works.

Cheers!

Hi @rynald0s,

Here is my site link. Thanks !

You might need to add some items into the cart in order to be presented with the table lines. Feel free to browse and add items.

Regards,
Wen Jun.

Hi @wjyeshealth!

Thanks. I am not sure about the lines you are referring to though. Here is what i am seeing:

https://snipboard.io/Dx0eYF.jpg

Can you tell me how to replicate this to see the same?

Cheers!

Hi @rynald0s,

Apologies, as we were doing some testing earlier.

We want to get rid of the following table lines particularly. As highlighted in the screenshot.

Thanks !
Wen Jun.

Hi @wjyeshealth!

OK, see if the following CSS code works:

table, td, th, .woocommerce-cart .cart-collaterals .cart_totals>h2, .woocommerce-cart .cart-collaterals .cross-sells>h2 {
    border: none !important;
}

You can add that to the “Additional CSS” section in the customizer.

Cheers!

Hi @rynald0s ,

Thanks for the CSS. However i tried this CSS and there was no changes to the line. Is there something else i need to add ontop of this existing CSS ?

Thanks.

Regards,
Wen Jun.

Hi @wjyeshealth!

Where are you adding the CSS?

It works for me. Please see screenshot below:

https://snipboard.io/SEK2mZ.jpg

Hi @rynald0s ,

It is working for me now, sorry about that earlier.
I was using elemntor CSS editor to update this. When i am using the customise css from wordpress it is working just fine, however i notice this is not applying when we are going responsive with tablets and mobile. Based on the different px screen sizes. How can i make it apply for those as well ?

Regards,
Wen Jun.