Change thumbnail size in Woocommerce single product page

[chelling]

Hi,
In my very virgin XPro-page I’m trying to control the thumbnail size and location on the Woocommerce single product pages. In your forum I found some CSS code that helped me to get the thumbnails placed under the main image where they belong, instead of messing up the main image, but the thumbnails size is just too small, and not aligned with the main image. How can I control the size and get a nice alignment for my thumbnails, e.g. 4 in a row?

[Prasant]

Hello @chelling,

Thanks for asking.

You can change the thumbnail size from Appearance > Customize > WooCommerce > Product Image. Please make sure to open WooCommerce tab that sits right above additional CSS button. https://cloudup.com/cd3IH__IoEm

Thanks.

[chelling]

Thank you for answer!
It’s still not working. The problem is that changing the thumbnail size in Customizer doesn’t affect the size of the thumbnails.

It’s a clean brand new Pro install. Only tweek I’ve put in until now is that I moved the thumbnails from floting over the main product photo to be placed under it by using the following CSS code:
.single-product .flex-control-nav {
position: static;
}

.single-product .flex-control-nav li {
float: left;
}

But even when I remove this code, I still cannot change thumbnail size in Customizer

[paul.r]

Hi,

To increase the size of the thumbnails, you can add this code in Theme Options > CSS

.flex-control-nav.flex-control-thumbs img {    
    height: 60px;
}

Change 60px to adjust.

Thanks

[chelling]

Thank you Paul! It did’nt solve the problem completely, but it works for now!

[Prasant]

You are most welcome.