[Support request] Woocommerce image size on cart page

[Jeff]

This was addressed in early 2019 but I can’t get it to work. My product image on the Woocommerce cart page is 32px wide. I can’t figure out where to alter that 32 to something bigger like maybe 80. Any help would be appreciated. FYI, I entered code found on this forum to set the mobile view to display the image and I can adjust size on the mobile view. Just can’t make any headway on the desktop view. Thanks.

[David]

Hi there,

at the end of your CSS you have this for mobile CSS – first off it is missing a closing bracket which i commented below:

@media (max-width: 768px) {
    .inside-header>:not(:last-child):not(.main-navigation) {
        margin-bottom: 0;
    }

    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
        text-align: center !important;
    }
} /* Add this bracket */

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 200px !important;

}

Your CSS should now apply to desktop and mobile.

[Jeff]

Works. What the hell. You’re up too late. Get some sleep!

[David]

Sleep ? Is that still a thing lol

Glad to be of help.

[Author]

Posts