How to increase size of woocommerce product image cart

Hi there,

That's set by WooCommerce itself and GP doesn't control it.

Give this CSS a shot:

.woocommerce-cart table.cart img {
    width: 50px;
}

Hi Leo!

This works great! Thank you so much for your help! I appreciate it a lot!

Could I ask you a last question? How can I add the same code for a version mobile? This works on the Desktop perfect but for the mobile version is still the same! Thanks again!

Jorge.

Isn't the image hidden on mobile?

Can you link me to the site in question?

Yes you are right. The image is hidden on mobile, I was wondering If I could display the image on a mobile version as well.

Any idea if I can do it with CSS?

This is the web

Thanks in advance.

That would be a better question for WooCommerce support unfortunately.

I tried with some CSS but it doesn't look very good at all.

Thanks anyway Leo! ;)

Bye

No problem :)

Let me know if they can't help and you still want to give it a shot.

Has anybody has a clue how to do this on mobile? I am looking for a solution to enlarge size of woocommerce product image in cart.

Hi there,

try this CSS:

@media(max-width: 768px) {
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
    }
    .woocommerce-page table.cart .product-thumbnail:before {
        content: '';
    }
    .woocommerce-page table.cart .product-thumbnail img {
        width: 100px;
    }
    .woocommerce-page table.cart .product-remove {
        float: left;
        border-bottom: 0;
    }
}

doesn't work even I added width: 100px!important;
is there a place where I can send private info?

If you can raise a new topic, as the topic starter you will have access to the private information field where you can share your URL.