Woocommerce Flex Product Slider

[bretmackey]

I have tried a couple of the different solutions in the forum and none of the answers are fixing my issue.

My thumbnail slider on my product page is super small and I am cannot figure out how to adjust it to be bigger.

Please help.

[ruenel]

Hello @bretmackey,

Thanks for the very detailed post information. There is no option to resize the product slider. You will have to do it manually by adding a custom CSS in Pro > Theme Options > CSS. In the theme’s stack style, the height of the product slider is only 1.5em. It is using this code:

.flex-control-nav.flex-control-thumbs img {
    height: 1.5em;
}

Feel free to modify the code above and change the height to 3em or more. Be advised that since this is already a custom coding, you will be the one to maintain the code whenever there are theme/plugin updates to make sure that the code is still working and does not create conflict with other elements.

Best Regards.

[bretmackey]

@ruenel

.flex-control-nav.flex-control-thumbs img {
    height: 1.5em;
}

As per usual, you are correct and that fixed it. Thank you sir!

[ruenel]

You are most welcome @bretmackey.