[Plugin: WooCommerce – excelling eCommerce] Mystile – align featured products

  • Hello,

    Total noob here just trying to get the hang of CSS.

    I am testing a new site with the Mystile theme in WooCommerce. We’ll be selling art canvases, and thus we will have square product images, as well as rectangular etc.

    Site: https://s410840083.websitehome.co.uk/blog/

    I want the Featured Product thumbnails on the homepage to be vertically aligned in the center, as the images dimension are all different it is causing the horizontal images to be pushed to the top.

    Basically, I want this: https://upurs.us/view/61353

    Would someone be able to assist me? Apolgies if I have not provided enough clear info (noobism). Any help would be very much appreciated.

Viewing 1 replies (of 1 total)
  • Thread Starter mr_vega

    (@mr_vega)

    FYI: I preferably don’t want to use “hard crop” feature, as I need these thumbnails to show the entire image with nothing cropped away, as it’s art we’re selling.

    I amended to this, so that the portrait-sized images do not stretch all the way down the page:

    ul.products li.product img {
    max-height: 235px;
    }

    However, the wide images (like “Test2”) still float to the top. Any ideas?

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: WooCommerce – excelling eCommerce] Mystile – align featured products’ is closed to new replies.