[Support request] WooCommerce Cart Styling

[Daniel]

Hi,

I’m struggling to style the cart/basket page on my WooCommerce site running on GeneratePress:

https://test.bluepixelcreative.co.uk/boolashes/basket/

Firstly, I’d like to remove some of the spacing/padding around the items in the cart.

Secondly (and this is the most important thing), I want to remove the grey background that appears behind alternate items when in mobile. So, for example, if you add two different products to the cart, when on mobile view the second product has a grey background behind it.

Many thanks

[Daniel]

Hi,

I’ve solved the background issue. I’d still like to find a way to reduce some of the padding around items in the cart (especially in mobile view)

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .woocommerce-cart-form__cart-item td {
        padding: 10px !important;
    }
}

[Daniel]

Thanks David! I found some code and I’ve got it looking pretty good, but I’ve run into a small problem. I’ve opened a separate thread as it’s really a different issue.

Thanks again.

[David]

Glad to hear that 🙂

[Author]

Posts