Hi there, I'm using Foster and all my products are cropping.
The CSS below worked, but there is a huge amount of spacing underneath the main product image and the gallery of thumbnails beneath.
Does anyone know of CSS coding to fix this or is there an option to stop auto-cropping with the Foster template?
.ProductItem-gallery-slides-item-image {
object-fit: contain !important;
object-position: top;
width: 100% !important;
height: 100% !important;
position: static !important;
}
.tweak-product-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides::before {
padding-bottom: 0 !important;
}
.tweak-product-item-gallery-design-slideshow .ProductItem-gallery-slides-item {
position: relative !important;
}