How to make single product thumbnails Vertical

  • Hello, I would like to make the thumbnails on my WooCommerce single product page be vertical on the left. I tried the code below, although it floated left. the thumbnails weren’t aligned upon on a single file and they appeared very small:

    //code used
    .woocommerce-product-gallery {
    display: flex;
    }

    .woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
    }

    this didn’t work please kindly help me.

  • The topic ‘How to make single product thumbnails Vertical’ is closed to new replies.