Seller theme - very small thumbnail of product in the cart

Oups sorry ! I forgot to write that the issue is on the cart page.

Hi there,

you can use some CSS:

.woocommerce-cart table.cart .cart_item .product-thumbnail img {
    width: 150px; /* set desktop thumb size */
}

@media(max-width: 768px) {
    .woocommerce-cart table.cart .cart_item .product-thumbnail img {
        width: 50px; /* set mobile thumb size */
    }
    .woocommerce-cart table.cart .cart_item .product-remove {
        float: left;
        border-bottom: 0
    }
}

.woocommerce-cart table.cart .cart_item .product-thumbnail:before {
    display: none;
}
.woocommerce-cart table.cart .cart_item .product-thumbnail {
    padding: 10px 0;
    display: block !important;
}

I have commented the two lines where you can change the desktop and mobile image size.

I would recommend disabling the Sidebar on the Cart page ( you can use a Layout Element for that ) to give the cart more space, otherwise the cart item rows will overflow the container on smaller desktop screens.

Thank you David.
I'll do it in few hours (after job).

You're welcome

Thank you David. It works perfectly.

Resolved

Glad to hear that!

Hello david,

A next question : the image is not centered vertically and ti breaks the grey line between different products.
https://ibb.co/kxvHm8X
Could you please tell me how to solve it ?

Thank you.
Jean

Hi Jean,

can you share a link to the site as we remove any Private Info when a topic is marked resolved.
I have unresolved the topic so you can access the Private info field

Here it is.

You need tow had two different products to see the issue.
Thank you David.

I made an amend to the CSS here:

https://generatepress.com/forums/topic/seller-theme-very-small-thumbnail-of-product-in-the-cart/#post-1954540

Try replacing it with that and let me know.

It works perfectly.
Thank you. Very appreciate your help.
It's definitivey resolved this time
Jean

Glad to hear that!