Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1151834

    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.

    Current Cart View

    Partial CSS solution

    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!

    #1152309

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.