How can I adjust image padding and height for better store design?

[Allforloveteam]

 

Hi,

can someone help me with the coding for the image padding and image height? I want to reduce the image padding so that images are bigger and closer together both on mobile and desktop viewing. And the product name texts to be just just below it. Without too many padding space.

The images should be all zoomed in and aligned to be filled in a fixed square shape 

website: www.homeboss-shop.com

[Allforloveteam]

Hi, thank you. Able to assist me with the coding? Thanks 🙏

[LitCommerce]

Hi @Allforloveteam,

I checked and it shows fine with squares. https://i.imgur.com/3KfSQKv.png

If you want to reduce the spacing, you can follow the instructions below. Go to Assets > theme.css and paste this at the bottom of the file:

#same_product_height #tt-pageContent .tt-product .tt-image-box {
    height: auto !important;
}

Hope it helps!