Hi, I’m just doing a WooCommerce site using Pro and on the basket and checkout page I wanted to have a border to separate each product listed and also in the cart between the subtotal, shipping and total. I used some CSS in the Pro Theme Options > Global CSS and it’s looking as I want it as far as the basket and checkout page is concerned, but for some reason it’s also added a border above the product size variations on the single product page and I’ve tried to specify the CSS even further adding .woocommerce-cart
but nothing stops it from appearing on the product page and I have no idea how to get around it!
Here’s the CSS I’ve used:
.woocommerce .cart-collaterals table th, table td {
border-top: 1px solid #bfbfbf !important;
}
Here’s a screen grab of the border on the product page I’m trying to get rid of!
I’ll put the URL in a secure note as it’s on my staging site which is built on a temporary link.
Thanks!