The issue is in style.css in the css folder.
I fixed this issue by commenting out and put padding.
/* elys mod - made images not be cropped! */
.woocommerce div.product div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li {
padding: 3px;
}
/*
.woocommerce div.product .flex-viewport {
width: 100%; ///was 83% is what cropping the images!!!
float: right;
}
.woocommerce div.product div.images .flex-control-thumbs, .woocommerce div.product div.images .flex-control-thumbs {
width: calc(17% - 1em);
}
.woocommerce div.product div.images .flex-control-thumbs, .woocommerce div.product div.images .flex-control-thumbs {
width: 17%;
width: -webkit-calc(17% - 1em);
width: calc(17% - 1em);
}
.woocommerce div.product div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
}
.woocommerce div.product div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 1em;
margin-bottom: 1em;
}
*/
