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

104 0 12

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?


This is an accepted solution.

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;
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: | Skype : oscprofessionals-87