Tagged: product image, woocommerce cart
Hello,
On our Cart page our product images are showing at 32px wide with auto height. I recall there used to be image size settings within WooCommerce, but those seem to have been removed in a recent update.
Ideally, I would like the images to be a bit larger and aligned center (both horizonally and vertically). I was able to get them a bit larger and centered vertically, but cannot find a way to get them centered within the table’s column.
Used the following CSS:
table.cart img {
width: 35%;
height: auto;
vertical-align: middle;
}
I am hoping you might be able to lend me a hand to get these looking a bit better as the small image, especially containing text, might be hurting our cart to checkout rate.
The images were created and uploaded at 720 x 720 and it looks like they are scaled to 450×450 before being resized to the default 32 x 32 – which is very small. So, I am unsure of whether it’s best to use a percentage or fixed pixel value for height and width in the CSS as well.
450px > 32px” />
Thanks in advance for any help!
Hey npmcgrew,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top table.cart img {
width: 18vw;
height: auto;
}
If you need further assistance please let us know.
Best regards,
Victoria