New Shopify Certification now available: Liquid Storefronts for Theme Developers

Help me with images on store design

3 0 0



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 


Replies 2 (2)
3 0 0
Hi, thank you. Able to assist me with the coding? Thanks 🙏
2860 684 718

Hi @Allforloveteam,

I checked and it shows fine with squares.

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!