Product Images

Site URL: https://terrier-tetra-hwye.squarespace.com/products

Hey! How do I get my product images to display smaller? Is there somewhere in the editor to tweak or some CSS code I can use to "zoom" the product images in, so that you can actually see the product? Hopefully this makes sense.

https://terrier-tetra-hwye.squarespace.com/products

My access password is 2020.

Hi. Can you check site url?

If you want to extend free trial, you can contact SS Customer Care.

On 7/25/2020 at 9:08 PM, tuanphan said:

Hi. Can you check site url?

Website Expired

This account has expired. If you are the site owner, click below to login.

If you want to extend free trial, you can contact SS Customer Care.

Hey!

The site has been updated. 

Can you check it now and help me with the images?

Thanks so much. 

Add to Home > Design > Custom CSS

.ProductItem-gallery img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

On 7/28/2020 at 11:04 AM, tuanphan said:

Add to Home > Design > Custom CSS

.ProductItem-gallery img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

 

That didn't seem to work. 

On 7/28/2020 at 11:04 AM, tuanphan said:

Add to Home > Design > Custom CSS

.ProductItem-gallery img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

 

Hey. This didn't work. Is there different code I can try?

I need to get my product images to display smaller. Is there somewhere in the editor to tweak or some CSS code I can use to "zoom" the product images in, so that you can actually see the product? Hopefully this makes sense.

https://terrier-tetra-hwye.squarespace.com/products

My access password is 2020.

Is there a way set all images to "small" at one time or do I have to do it per item. There's about 200 products and some have multiple images. I was hoping there was some code I could put it that would make them all display smaller. They are only displaying too large on the "Products" Page. Once you click on an image, it displays fine.