Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

HelenDriver

Member
  • Posts

    4
  • Joined

  • Last visited

Posts posted by HelenDriver

  1. 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;
    }
×
×
  • Create New...