🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Support request] WooCommerce Cart Styling

Home Forums Support WooCommerce Cart Styling

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1142390
    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

    #1142406
    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)

    #1142508
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
        .woocommerce-cart-form__cart-item td {
            padding: 10px !important;
        }
    }
    #1142762
    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.

    #1142849
    David
    Staff
    Customer Support

    Glad to hear that 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.