Archived topic
Woocommerce image size on cart page
3 replies · Started by Jeff on August 13, 2020
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.
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.
Works. What the hell. You're up too late. Get some sleep!
Sleep ? Is that still a thing lol
Glad to be of help.
