Hello There,
You are having this issue because of the changes of WooCommerce 3.0 that we have also added in the theme. If you want to have the old and same look as what we have in our demo sites, please add the following code in your child theme’s functions.php
// Remove product gallery slider and gallery zoom
// =============================================================================
add_action( 'after_setup_theme', 'remove_woo_three_support', 100 );
function remove_woo_three_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-slider' );
}
// =============================================================================
The code will remove the WooCommerce 3.0 gallery zoom and gallery slider feature. For more information about resizing image issue with WooCommerce 3.0, you can check this thread: https://theme.co/apex/forum/t/resizing-woocommerce-images/1706
The custom css given should be remove if you have applied the php code in your child theme’s functions.php because all of those custom css given is used to address the styling of the Gallery Slider.
Hope this helps.