product thumbnail

Trying to fit my 1500x2100 images in my shop  thumbnail, but it keeps cropping it out, even on the product page. How do i get Brine to di splay  the whole image?

https://atpdesignforge.com/

Password:
Indomit@ble

You can add this code to Website Tools (under Not Linked) > Custom CSS

img.ProductList-image.ProductList-image--primary.loaded {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}

28 minutes ago, tuanphan said:

You can add this code to Website Tools (under Not Linked) > Custom CSS

img.ProductList-image.ProductList-image--primary.loaded {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}

Worked for the thrumbnail, but still cr opping on the actual product page.

With detail page, use this code

img.ProductItem-gallery-slides-item-image.loaded {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}

Nailed it! How do you even know  wfheart target id to use? lol

Learn HTML/CSS code 😆