Archived topic

WooCommerce Cart Styling

4 replies · Started by Daniel on January 24, 2020

Viewing posts 1–5 of 5

January 24, 2020 at 4:39 am #1142390

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

January 24, 2020 at 4:58 am #1142406

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)

January 24, 2020 at 6:26 am #1142508

Hi there,

try this CSS:

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

January 24, 2020 at 8:18 am #1142762

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.

January 24, 2020 at 9:49 am #1142849

Glad to hear that :)

This archived topic is closed to new replies.

Start building better websites today.