Grey Bottom Padding On Collections Page After Adding New Image to Product Pages?

78 0 3

I'm unsure what to make of this issue or how to fix it. I added a larger image as the first image on all of our product pages. The image which is shown on our collections page ( is the second product image (hidden on product pages but added in the back-end) so this shouldn't have affected anything on this page.


I even tried replacing the larger image with one the same size as the others as a test, but this grey padding remained. It didn't used to be there before; there was just a white background. Any ideas?



Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product--wrapper > div {
    padding-top: 99%!important;
.grid-product__image-wrapper {
    height: 200px !important;
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like