images on product page is cut off

Viewing 1 replies (of 1 total)
  • Thread Starter elymbmx

    (@elymbmx)

    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;
}
*/
Viewing 1 replies (of 1 total)
  • The topic ‘images on product page is cut off’ is closed to new replies.